如何使用HTML5验证HTML输入字段

Question

我必须将输入文本字段验证为电话号码字段。为此，我将使用HTML5验证。

我已经编写了这样的代码：

<input maxlength="8" type="text" name="phone" required />

我使用必需来验证此表单。 但是如何验证这一点 只输入数字和8位数。

Answer 1

<input maxlength="8" pattern="\d{8}" type="tel" name="phone" required />

Answer 2

使用模式。

<input type="text" pattern="\d{8}" />

\d是数字的正则表达式。

Answer 3

您可以设置Type =“tel”，但这不会验证所有内容。您可以将pattern属性与正则表达式一起使用。

输入模式support：

模式支持Firefox 4+＆amp; Chrome 5+＆amp; Opera 9.6+＆amp; MSIE 10 +

例如：

<input type="tel" pattern="[0-9]*([-]?[0-9]+)*" >

对于8个挖掘，您可以使用maxlength =“8”