如何强制用户在 Jquery 中仅输入字母数字值

Question

我有一个输入类型，我想阻止用户只输入 字母数字 值，例如 A-a 和 0-9。

我已经这样做了：

$('.name_list').live('keypress', function (event) {
        var regex = new RegExp("^[a-zA-Z0-9\b]+$");
        var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
        if (!regex.test(key)) {
            event.preventDefault();
            return false;
        }
    });

在此我面临 tab、right、left 和 delete 键不起作用的问题。我还有什么要补充的，请帮助我。

更新代码

$('.name_list').live('keypress', function (event) {
        var regex = new RegExp("^[a-zA-Z0-9\b]+$");
        var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
        var charCode = (event.which) ? event.which : event.keyCode;
        var Enteted = String.fromCharCode(event.which).toLowerCase();
        if (charCode != 9 && (charCode != 37 || Enteted !='%') && charCode!=39 && charCode != 46 && !regex.test(key)) {
            event.preventDefault();
            return false;
        }
    });

在此我面临允许输入 % 的问题。

Answer 1

因为你使用的是这个条件：

if (!regex.test(key)) {
   //...
} 

你需要使用这个条件来检查，是tab，左箭头，右箭头还是删除按钮。

if (key !== 9 && key != 37 && key!=39 && key != 46 && !regex.test(key)) {

Answer 2

jQuery 验证插件

jQuery.validator.addMethod("alphanumeric", function(value, element) {
        return this.optional(element) || /^[a-zA-Z0-9]+$/.test(value);
});