Javascript 使用html5验证电子邮件

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

<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，它仍然显示无效。请帮助我指出错误。

试试看

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

这样做

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

那么就不需要写模式了。：）

答复:

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

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

答复:

结合模式和类型=电子邮件：

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

为什么不直接使用

？输入必须是一种格式->@adeneo，在我的例子中也是这样。但答案仍然错误，小提琴也有错误。请检查明显的问题是，假设TLD中只能有2到4个字符。它禁止

+

字符出现在名称部分。那是错误的。