jquery - 如何在此输入中允许文本和数字但不允许特殊字符？

Question

如何在此输入中允许文本和数字但不允许特殊字符？

在我的代码中，它只允许数字，我也想申请允许文本，

我该怎么做？

我可以基于 javascript 使用此功能吗？

http://jsfiddle.net/mhgv0wt0/

<form action=# name=f1 id=f1 onsubmit="return false">
<input type=text name=t1 id=t1 value="" size=25 style="width:300px;"
 onkeypress="if(this.value.match(/\D/)) this.value=this.value.replace(/\D/g,'')"
 onkeyup   ="if(this.value.match(/\D/)) this.value=this.value.replace(/\D/g,'')"
>
</form>

Answer 1

只需添加一个模式属性:

<input pattern="^[a-zA-Z0-9\s]+$" type="text" />

DEMO

以上内容适用于大多数浏览器。但是您可以使用

回退到 jQuery

$('input').keypress(function (e) {
    if (!/[a-zA-Z0-9\s]/.test(String.fromCharCode(e.which || e.keyCode))) {
        e.preventDefault();
    }
});

DEMO