javascript - 如何在 HTML5 中只接受字符值

Question

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

现在有什么功能可以只接受字符值吗？

Answer 1

我不知道它的支持程度如何，但模式属性应该允许你这样做。

<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, ''));
   }
});

见工作小提琴。

Answer 3

如果您想限制可以输入输入的字符，您将不得不使用一些 Javascript 来执行此操作，可以在此处找到使用 jQuery 的示例

使用普通的 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