具有“模式”的HTML5表单验证

时间:2018-07-17 15:13:51

标签: regex html5

regex-HTML5表单验证: 我正在尝试制作一个包含一个输入字段的html5表单,并且我希望它仅接受电子邮件或电话号码(数字)。 谢谢

1 个答案:

答案 0 :(得分:1)

这将仅允许在输入中输入电子邮件地址或数字(如电话号码):

<input type="text" 
   pattern="[a-zA-Z0-9_]+(?:\.[A-Za-z0-9!#$%&amp;'*+/=?^_`{|}~-]+)*@(?!([a-zA-Z0-9]*\.[a-zA-Z0-9]*\.[a-zA-Z0-9]*\.))(?:[A-Za-z0-9](?:[a-zA-Z0-9-]*[A-Za-z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?|\d+" 
>

请注意,这将不允许输入带有“ +”(例如+1)的国家/地区代码。由于只能输入数字,因此国家/地区代码必须像001这样输入,其中00代替+。

要允许“ +”号将正则表达式的最后一位替换为:

|[+]{0,1}\d+