@之后的HTML电子邮件验证

时间:2015-03-26 18:56:16

标签: html html5 forms validation

是否可以要求"。"在" @"?

之后

required验证仅强制电子邮件在" @"之后有一些内容,但我想要一个"。"使用户输入" .com / .org / etc"

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

enter image description here

1 个答案:

答案 0 :(得分:2)

如果您依赖input[type=email],还可以使用pattern attr:

我从W3C spec for the email input获得了以下示例中的theRegEx。原生模式在最后一部分使用*,然后不需要,我只将其更改为+;

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