HTML5电子邮件输入模式属性

前端之家收集整理的这篇文章主要介绍了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/。这是一个难以理解和掌握的世界,所以建议您仔细阅读本页。

猜你在找的HTML5相关文章