jQueryを使用して特定のフォームフィールドで特殊文字を制限する方法

Question

1-9とaA-zZしか入力できないようにしたいと思います。

スタックオーバーフローには多くのコードがありますが、それぞれにいくつかのバグがあります。

例：

$('#username').bind('keypress', function (event) { 
    var regex = new RegExp("^[a-zA-Z0-9]+$"); 
    var key = String.fromCharCode(!event.charCode ? event.which : event.charCode); 
    if (!regex.test(key)) { 
     event.preventDefault(); 


     return false; 
    } 
}); 

ユーザーがバックスペースを使用するか、キーを削除することが防止されます！

Answer 1

あなたは（jQueryのでは正規化されている）event.whichを機密レベル変更、それをフィルタリングできので、あなたのコードは次のようになります。

var regex = /^[a-zA-Z0-9]+$/; 

$('#username').on('keypress', function(event) { 
    if (event.which === 8 || event.which === 0) return; 

    var key = String.fromCharCode(event.which); 
    return regex.test(key); 
});