Question

有什么简单的方法可以阻止用户接受html文本框中的数值吗？我遇到过HTML5的一些功能，比如type =“email”等...

现在是否有任何仅接受字符值的功能？

Answer 1

我不知道支持它有多好，但pattern属性应该允许你这样做。

<input name="test" type="text" pattern="[A-Za-z]+">

Answer 2

我喜欢用jQuery：

<强> JQuery的

$("#only-text").on('keyup', function(e) {
    var val = $(this).val();
   if (val.match(/[^a-zA-Z]/g)) {
       $(this).val(val.replace(/[^a-zA-Z]/g, ''));
   }
});

查看工作fiddle。

Answer 3

如果要限制可输入到输入中的字符，则必须使用一些Javascript来执行此操作，可以找到jQuery的示例here

使用普通JS，您可以执行类似

的操作

document.getElementById("alphaonly").onkeypress=function(e){ 
var e=window.event || e 
var keyunicode=e.charCode || e.keyCode 
return (keyunicode>=65 && keyunicode<=122 || keyunicode==8 || keyunicode==32)? true : false 
}

其中“alphaonly”是您输入的ID

如何只接受HTML5中的字符值

3 个答案: