@ 之后的 HTML 电子邮件验证

Question

是否可以要求一个“.” 之后 ”@”？

验证required仅强制电子邮件在“@”之后包含一些内容，但我想需要一个“.”。让用户输入“.com/.org/etc”

http://jsfiddle.net/X6Uuc/333/

Answer 1

如果您依赖于input[type=email]您还可以使用patternattr：

\n\n

我从电子邮件输入的 W3C 规范中获得了下面示例中的 RegEx 。最后一部分使用了原生模式*，那么它就不是必需的，我只是将其更改为+；

\n\n

\r\n

\r\n

<form>\r\n  <input type="email" pattern="^[a-zA-Z0-9.!#$%&\xe2\x80\x99*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)+$" required />\r\n  <button>Submit</button>\r\n  </form>

\r\n

\r\n

\r\n

\n