如何使用HTML5验证HTML输入文件_Html

如何使用HTML5验证HTML输入文件

html

如何使用HTML5验证HTML输入文件,html,Html,我必须验证输入文本字段作为电话号码字段。为此，我将使用HTML5验证我已经编写了如下代码： <input maxlength="8" type="text" name="phone" required /> 我使用了required来验证此表单但如何验证这一点仅输入数字和8位数。您可以设置Type=“tel”，但这并不能验证所有内容。您可以将pattern属性与正则表达式一起使用输入模式：模式支持Firefox4+、Chrome5+、Opera9.6+、MSIE10+

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

我已经编写了如下代码：

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

我使用了required来验证此表单但如何验证这一点仅输入数字和8位数。

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

输入模式：

模式支持Firefox4+、Chrome5+、Opera9.6+、MSIE10+

例如：

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

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

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

输入模式：

模式支持Firefox4+、Chrome5+、Opera9.6+、MSIE10+

例如：

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

对于8位数码相机，您可以使用maxlength=“8”

使用模式

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

\d

是数字的正则表达式。

使用模式

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

\d

是数字的正则表达式。

这里只有正确答案。。。我建议您也可以使用

type=“number”

来获得更好的语义，就像您使用

模式来validate@Mr.Alien使用type=“number”
而不是type=“tel”
在语义上特定于电话号码的原因是什么？@MyHeadHurts噢，我错过了电话词，仅按此处所写的数字输入数字和8位数字这允许按要求输入任意数字，而不是8位数字。建议电话号码使用type=“number”
是错误的，它违反了最初定义type=“number”
的草稿的建议。此处只有正确答案。。。我建议您也可以使用type=“number”
来获得更好的语义，就像您使用模式来validate@Mr.Alien使用type=“number”
而不是type=“tel”
在语义上特定于电话号码的原因是什么？@MyHeadHurts噢，我错过了电话词，只需按此处所写的数字输入数字和8位这允许按要求输入任意数字，而不是8位。建议电话号码使用type=“number”
是错误的，它违反了最初定义type=“number”
的草案的建议。