如何防止用戶在表格的文本字段中輸入特殊字符？

Question

我試圖阻止用戶輸入特殊字符，例如（！，@，＆）

后面的代碼僅在第一個字符之后才允許用戶輸入上面的字符，然后它允許用戶輸入上面的字符。

例如＆不能輸入，但是A＆可以輸入

$('input#first_name-required').bind('keypress', function(e) {
    console.log( e.which );
    if($('input#first_name-required').val().length == 0){
        var k = e.which;
        var ok = k >= 65 && k <= 90 || // A-Z
            k >= 97 && k <= 122 || // a-z
            k >= 48 && k <= 57 //0-9 ;

        if (!ok){
            e.preventDefault();
        }
    }
}); 

Answer 1

if($('input#first_name-required').val().length == 0)

只需刪除這種情況，它就可以正常工作。

.val()返回輸入內部的字符串。 .length == 0實際上表示“如果字符串長度為0個字符”。 驗證僅在輸入為空時才運行，因此只有在鍵入第一個字符時才運行。

Answer 2

您已添加條件。 我認為您可能要檢查長度刨絲器是否大於0

 $('input#first_name-required').bind('keypress', function(e) { var k = e.which; var ok = k >= 65 && k <= 90 || // AZ k >= 97 && k <= 122 || // az k >= 48 && k <= 57 //0-9 ; if (!ok){ e.preventDefault(); } }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input id="first_name-required">