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事件依賴僅），但作爲公認的答案是指出，服務器邊檢是非常必要的。