Javascript验证：阻止特殊字符

Question

如何限制用户在文本框中输入特殊字符。我只想输入数字和字母（输入/粘贴）。

任何样品？

Answer 1

你有两种方法来这样：

1. 检查“按键”事件。如果用户按下特殊字符键，请将他停在那里
2. 检查“onblur”事件：当输入元素失去焦点时，验证其内容。如果该值无效，则在该输入框旁边显示谨慎的警告。

我会建议第二种方法，因为它不那么刺激。请记住还要检查onpaste。如果您只使用按键然后我们可以复制和粘贴特殊字符，所以使用onpaste也限制粘贴特殊字符

此外，我还建议您重新考虑，如果你真的想防止用户输入特殊字符。因为很多人在他们的密码中都有$，＃，@和*。

我认为这可能是为了防止SQL注入;如果是这样：更好地处理检查服务器端。或者更好的是，逃避价值并将它们存储在数据库中。

Answer 2

基本上，只需使用适当的onkeypress处理程序。请参见http://www.qodo.co.uk/blog/javascript-restrict-keyboard-character-input/和示例http://www.qodo.co.uk/wp-content/uploads/2008/05/javascript-restrict-keyboard-character-input.html

Answer 3

它会帮助您...假设您有一个带有“表格名称”窗体和带有“txt”名称的文本框的窗体。那么你可以使用下面的代码只允许aphanumeric值

var checkString = document.formname.txt.value; 
if (checkString != "") { 
    if (/[^A-Za-z\d]/.test(checkString)) { 
     alert("Please enter only letter and numeric characters"); 
     document.formname.txt.focus(); 
     return (false); 
    } 
} 

Answer 4

试试这个，这个功能允许字母和空格：

function alpha(e) { 
    var k; 
    document.all ? k = e.keyCode : k = e.which; 
    return ((k > 64 && k < 91) || (k > 96 && k < 123) || k == 8 || k == 32 || (k >= 48 && k <= 57)); 
} 

在你的HTML：

<input type="text" name="name" onkeypress="return alpha(event)"/> 

Answer 5

对于特殊字符：

var iChars = "!@#$%^&*()+=-[]\\\';,./{}|\":<>?"; 

for (var i = 0; i < document.formname.fieldname.value.length; i++) { 
    if (iChars.indexOf(document.formname.fieldname.value.charAt(i)) != -1) { 
     alert ("Your username has special characters. \nThese are not allowed.\n Please remove them and try again."); 
     return false; 
    } 
} 

Answer 6

我想检查keypress事件是不完全足够，因为我相信用户可以复制/粘贴到输入框中，而不会触发按键。

因此onblur可能会更可靠一些（但不太直接）。

要真正让你不想不记入输入框中确认字符（或文本域等），我想你会需要

1. 检查keypress（如果你想给即时反馈）和
2. 还检查onblur,
3. 以及验证服务器上的输入（这是确保没有任何不需要的数据进入您的数据的唯一真正方法）。

在其他答案的代码示例将正常工作做客户端检查（只是不上检查keypress事件依赖仅），但作为公认的答案是指出，服务器边检是非常必要的。