HTML5输入类型电子邮件

Question

我正在考虑使用input type="email"我的新网站,但我有疑问您是否更喜欢使用输入类型文本然后通过正则表达式检查值或使用此HTML 5电子邮件

E-mail: <input type="email" name="usremail" />

HTML输入类型电子邮件在使用时是否存在问题(浏览器或使用情况)？

Answer 1

如果浏览器不支持,浏览器将不会进行任何验证.您可以使用modernizr来检测它是否有效,并采取相应的行动.(比如使用本机HTML5验证,或者使用类似jQuery验证的东西)

根据http://dev.w3.org/html5/markup/input.email.html,输入电子邮件使用此正则表达式来验证它是否为电子邮件:

/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/

无论如何,你应该在服务器端验证这些东西.

Answer 2

您可以使用 html5 电子邮件进行验证，但它仅检查 XXXX@XXXX，因此这是有效的电子邮件哈哈

至少对我来说，我会说只使用jquery 验证并始终进行服务器端验证

使用电子邮件类型不会有什么坏处，因为不支持它的浏览器会转换为文本类型

你可能想看看Modernizr的向后兼容性