使用html5验证电子邮件

Question

我的表单中有一个文本框：

<input type="text" pattern="/^([A-Za-z0-9_\-\.]+)\@([A-Za-z0-9_\-\.]+)\.([A-Za-z]{2,4})$/" title="Enter Valid EmailId" name="NEmail" placeholder="New Email Id" id="txtNewId"/>

现在，即使我在点击提交按钮时输入了有效的电子邮件ID，它仍然显示无效。请帮助我错了。

Answer 1

这样做。

<input type="email" name="NEmail" placeholder="New Email Id" id="txtNewId" />

然后无需编写模式。 ：）

Answer 2

尝试

pattern = "/^\w+([-+.']\w+)*@\w+([  -.]\w+)*\.\w+([-.]\w+)*$/"

Answer 3

1. 答案：

这是HTML而不是JS，你不需要添加/ ^和$ /。

<input type="text" pattern="([A-Za-z0-9_\-\.]+)\@([A-Za-z0-9_\-\.]+)\.([A-Za-z]{2,4})" />

1. 答案：

将模式与type = email：

结合使用

<input type="email" pattern=".+\@.+\.([A-Za-z]{2,})" />