停止在表單字段中輸入字符

Question

我想限制所有符號都不能輸入到html的表單字段中。

這是我的代碼...

<script>
    $('#location').keypress(function (e) {
        var regex = new RegExp("[^a-zA-Z0-9]+$");
        var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
        if (regex.test(str)) {
            return true;
        }

        e.preventDefault();
        return false;
    });
</script>

但是該代碼不允許有任何空格，甚至不能使用Delete鍵。 我希望一切正常，但不需要任何符號（例如$＃@％^！'“ [] {}（）等...）

Answer 1

您可以改為刪除keyup上的無效字符。

$('#location').keyup(function(e){
    $(this).val($(this).val().replace(/[^a-zA-Z0-9\s]/g, '');
});

否則，您必須指定要允許的密鑰的keyCode 。 http://www.asciitable.com/

Answer 2

只需獲取字母和數字的范圍即可。

48-57（0-9）

65-90（AZ）

97-122（az）

<script>
    $('#location').bind('keypress', function (e) {
        if (e.which < 48 ||
           (e.which > 57 && e.which < 65) ||
           (e.which > 90 && e.which < 97) ||
           e.which > 122) {
           e.preventDefault();
        }
    });
</script>