使用jQuery限制特殊字符

Question

如何限制文本字段中的特殊字符？ 特殊字符是一個變量

sample="`!@#$%^&*()" 

該採樣變量值分配應與第一個名字和姓氏

HTML代碼進行檢查

<input type="text" name="Firstname" value="Firstname" id="firstname"> 

jQuery的

  if(!sample.test($("#firstname").val())){ 
       alert("Nickname can have only alphabets and numbers."); 
      } 

Answer 1

試試這個：

function isValid(str){ 
return !/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/g.test(str); 
} 

if(!isValid($("#firstname").val())){ 
      alert("Nickname can have only alphabets and numbers."); 
     } 

OR

if(/^[a-zA-Z0-9- ]*$/.test($("#firstname").val()) == false) { 
alert("Nickname can have only alphabets and numbers."); 
} 

上面將只允許串完全由上範圍A-Z，A-Z，數字0-9，再加上連字符的空格字符的字符。包含任何其他字符的字符串將導致alert。

Answer 2

試試這個，

var alphanumers = /^[a-zA-Z0-9]+$/; 
if(!alphanumers.test($("#firstname").val())){ 
    alert("Nickname can have only alphabets and numbers."); 
} 

演示：http://jsfiddle.net/Z3VVU/

Answer 3

無特殊字符的正則表達式：/^\s*[a-zA-Z0-9,\s]+\s*$/

DEMO

$(document).ready(function() { 
    var charReg = /^\s*[a-zA-Z0-9,\s]+\s*$/; 
    $('.keyup-char').keyup(function() { 
     $('span.error-keyup-1').hide(); 
     var inputVal = $(this).val(); 

     if (!charReg.test(inputVal)) { 
      $(this).parent().find(".warning").show(); 
     } else { 
      $(this).parent().find(".warning").hide(); 
     } 

    }); 
}); 

Answer 4

對於輸入鍵入y您可以同時使用（也將從複製粘貼保護）：

jQuery(document).ready(function() { 
 
    jQuery("#name_name").keyup(function(event) { 
 
    name=jQuery("#input_name").val(); 
 
    name=name.replace(/[^a-zA-Z 0-9.]+/g, ''); 
 
    jQuery("#name_name").val(name); 
 
    } 
 
); 
 
} 
 
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="textbox" id="name_name">

Answer 5

試試這個tecnique。它用來防止/限制，而不是驗證

你必須通過正則表達式中的「字符」 ATTR即：<input type="text" name="phone" chars="0-9" />

這也乾淨粘貼的數據（CTRL + V或右鍵單擊並粘貼）

$(document).on('keyup blur change input', '[chars]', function (event) { 

    /* RegEx Examples: 
     - email: "0-9a-zA-Z@._\-" 
     - numbers only: "0-9" 
     - letters only: "a-zA-Z" 

     Usage Example: 
     <input type="text" name="email" chars="0-9a-zA-Z@._\-" /> 
     */ 
       var $elem = $(this), 
        value = $elem.val(), 
      regReplace, 
      filter = $elem.attr('chars'); 

    regReplace = new RegExp('[^' + filter + ']', 'ig'); 
       $elem.val(value.replace(regReplace, '')); 

}); 

見現場演示

http://jsfiddle.net/tianes/67e7xhya/light/

Answer 6

function allowCharacters(evt, strAllowedChars) { 
// eg. allowCharacters('0-9|-|,|(|)') Will allow 0 to 9, -,()| 
var charCode = (evt.which) ? evt.which : event.keyCode 
var keycodeval = ""; 
var finalkeycode = ""; 
if (strAllowedChars != "" || strAllowedChars != null || strAllowedChars.indexOf("|") != -1) { 
    XstrAllowedChars = strAllowedChars.split("|"); 
    for (strcount = 0; strcount <= XstrAllowedChars.length - 1 ; strcount++) { 
     if (XstrAllowedChars[strcount].search("-") != -1) { 
      substr = XstrAllowedChars[strcount].split("-"); 
      if (substr[0] != substr[1]) { 
       if (substr[0].charCodeAt(0) <= substr[1].charCodeAt(0)) { 
        codeval = "(charCode >= " + substr[0].charCodeAt(0) + " && " + "charCode <= " + substr[1].charCodeAt(0) + ")"; 
        keycodeval = keycodeval + "||" + codeval; 
       } 
       else { 
        codeval = "(charCode <=" + substr[0].charCodeAt(0) + " && " + "charCode >= " + substr[1].charCodeAt(0) + ")"; 
        keycodeval = keycodeval + "||" + codeval; 
       } 
      } 
      else if (substr[0] == "" && substr[1] == "") { 
       keycodeval = keycodeval + "|| " + " charCode == 45 " + " || " + " charCode == 32"; 
      } 
     } 
     else { 
      codeval = "(charCode == " + XstrAllowedChars[strcount].charCodeAt(0) + ")"; 
      keycodeval = keycodeval + "||" + codeval; 
     } 
    } 
} 
newval = keycodeval.slice(2, keycodeval.length); 
var retrunflag = false; 
if (eval(newval)) { 
    //var charCode1 = (evt.which) ? evt.which : event.keyCode  
    if (event.keyCode != 60 && event.keyCode != 62 && event.keyCode != 94 && event.keyCode != 38) { 
     retrunflag = true; //event.keyCode = event.keyCode; 
    } 
    else 
     retrunflag = false; //event.keyCode = 0; 
} 
else { 
    retrunflag = false; //event.keyCode = 0 ; 
} 
//alert(retrunflag); 
return retrunflag;} 

OR

function funRestrictSpecialChar(Obj, evt) { 
var inputVal = $("#" + Obj.id).val(); 
re = /[`~!@#$%^&*()_|+\-=?;:'"<>\{\}\[\]\\\/]/gi; 
var isSplChar = re.test(inputVal); 
if (isSplChar) { 
    var no_spl_char = inputVal.replace(/[`~!@#$%^&*()_|+\-=?;:'"<>\{\}\[\]\\\/]/gi, ''); 
    $("#" + Obj.id).val(no_spl_char); 
} }