如何使用jQuery指定文本框中允许的字符？

Question

http://jsfiddle.net/WhP8q/

我试图将输入限制为字母数字，0-9，AZ，az。

我正在参考的ASCII表： http : //www.asciitable.com/这是我到目前为止所拥有的

$(function() {
    $("input").bind("keydown paste", function(e) {
        var code = (e.keyCode ? e.keyCode : e.which);
        var c = code;
        var letterAllowed = ((c > 47 && c < 58) || (c > 64 && c < 90) || (c > 96 && c < 123))
        if (code > 32 && !letterAllowed) {
            return false;
        }
    });
});​

现在，阻止了波浪号（〜）字符无法输入到字段中，但是其他特殊的/移位字符，例如！@＃$％都输入了文本字段中。 我很确定我的逻辑是正确的，但是我的问题是对javascript绑定有一些误解？ idk

Answer 1

在javascript中，仅在某些情况下阻止字符输入非常复杂，因为在keypress事件 （您要阻止的事件）中，您不知道输入的后value ，而仅知道所按下键的keycode （而不是甚至肯定是生成的字符）。 另外，您将需要注意诸如或的特殊键。

我建议这样的事情：

$("input").on("keypress keyup paste", function(e) {
    this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
});

Answer 2

如果您限制输入的字符，则可以替换非字母数字的字符。

<input type='text' id="txtAlphaNumeric"/>
<input type='text' id="txtNumeric"/>
<input type='text' id="txtAlphabet"/>
<script type="text/javascript">
$(function() {
    $('#txtNumeric').keyup(function() {
        if (this.value.match(/[^0-9]/g)) {
            this.value = this.value.replace(/[^0-9]/g, '');
        }
    });
    $('#txtAlphabet').keyup(function() {
        if (this.value.match(/[^a-zA-Z]/g)) {
            this.value = this.value.replace(/[^a-zA-Z]/g, '');
        }
    });
    $('#txtAlphaNumeric').keyup(function() {
        if (this.value.match(/[^a-zA-Z0-9]/g)) {
            this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
        }
    });
});
</script>

答案取自： jQuery只允许字母数字

Answer 3

原来，我需要执行以下操作：

$("input").keypress(function(e){
        var code = e.charCode;

charCode将给出键入字母的实际字符代码，而不是最后一次按键的ASCII代码

参见http://api.jquery.com/keypress/