限制字符在文本框中键入

Question

我们如何限制字符在文本框中键入.

Answer 1

你可以通过javascript(所以如果javascript关闭,你将无法限制它)

<input type="text" onkeyup="this.value = this.value.replace(/[^a-z]/, '')" />

这会将其限制为只有az字符.检查正则表达式,看看你能做些什么

Answer 2

如果您有文本框,则必须处理该onkeypress事件

<input type='text' onkeypress='keypresshandler(event)' />

您可以使用以下功能来限制用户

    function keypresshandler(event)
    {
         var charCode = event.keyCode;
         //Non-numeric character range
         if (charCode > 31 && (charCode < 48 || charCode > 57))
         return false;
    }

Answer 3

尽管仍然可能，但是使用HTML5并不需要真正使用基于JavaScript的解决方案来满足这一要求。

<input type="text" name="text" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"> 将根据该RegExp模式限制允许的字符（在这种情况下：有效的电子邮件地址）。

title当用户尝试提交不符合要求的数据时，该属性将用作警告/通知。

<form action="/add_country.php">
  Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">
  <input type="submit">
</form>

有关更多信息，请参见HTML input元素上的文档。但是，并非所有浏览器都同样支持它（例如Safari）。