HTML5电子邮件输入模式属性

我试图制作一个包含一个电子邮件输入，一个复选框输入和一个提交输入的html5表单。
我试图使用模式属性的电子邮件输入，但我不知道该放在这个属性。我知道我应该使用一个必须匹配JavaScript Pattern生产的正则表达式，但我不知道该怎么做。

我想要获得此属性要做的是检查以确保电子邮件包含一个@和至少一个或多个点，如果可能，检查@之后的地址是否是真实地址。如果我不能通过这个属性来做，那么我会考虑使用JavaScript，但是为了检查一个@和一个或多个点，我确实想使用pattern属性。

pattern属性需要检查：

>只有一个@
>一个或多个点
>如果可能，检查@之后的地址是否是有效的地址

一个替代方法是使用JavaScript，但是对于所有其他条件，我不想使用JavaScript

解决方法

这是一个双重问题(万维网世界)。

您需要评估浏览器是否支持html5(我使用Modernizr来完成它)。在这种情况下，如果您具有正常格式，浏览器将为您执行此工作，但如果您需要一个jax / json(如许多日常情况)，则需要执行手动验证。

所以，我的建议是使用正则表达式在提交之前随时评估。我使用的表达如下：

var email: /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/;

这是从http://www.regular-expressions.info/。这是一个难以理解和掌握的世界，所以建议您仔细阅读本页。