如何使用HTML5验证电子邮件地址

比建立一个可捕获电子邮件地址的HTML表单更容易,比如通讯或通知? 当然,请以这种形式篡改电子邮件地址,然后让您的浏览器记住所有注册表单的错误地址。

如果您想验证输入到您的表单中的电子邮件地址,但要避免复杂的修补和脚本,HTML5可让您依靠浏览器 - 无需付出努力,也无需转向使用JavaScript。

使用HTML5验证电子邮件地址

让用户的浏览器验证电子邮件地址,并将它们输入到您的HTML Web表单中:

无法识别type =“email”的浏览器应该(并且据我们所知,所有将会)像普通的type =“text”字段一样处理输入字段。

HTML5电子邮件地址验证警告

请注意,HTML电子邮件地址验证仅适用于支持HTML5和验证表单元素输入的浏览器。 例如,对于其他浏览器和备份,您仍然可以使用PHP验证电子邮件地址

支持HTML5电子邮件地址验证的浏览器包括Safari 5+,Google Chrome 6+,Mozilla Firefox 4+和Opera 10+。 Safari 5和Google Chrome 6-8不会接受无效的电子邮件地址输入,但与其他浏览器不同,它不会帮助用户更正错误。

HTML5电子邮件地址验证示例

要吸引用户的浏览器使用HTML5验证电子邮件地址,请使用以下代码,例如: