使用html5验证电子邮件

Validating Email using html5

本文关键字：电子邮件 验证 html5 使用      更新时间：2023-09-26

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

<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，它仍然显示它无效。请在我错的地方帮忙。

执行此操作。

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

则无需编写模式。：）

尝试

pattern = "/^'w+([-+.']'w+)*@'w+([  -.]'w+)*'.'w+([-.]'w+)*$/"
  1. 答案：

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

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

将模式与类型组合=电子邮件：

<input type="email" pattern=".+'@.+'.([A-Za-z]{2,})" />
相关文章：