html5验证电子邮件地址，大家都知道如何吗？

一个新值类型属性是电子邮件。使用这种类型的字段而不是一般的文本字段浏览器使用正则表达式来检查用户已经事实上输入一个电子邮件地址。这是否意味着用户不能输入一个虚假的电子邮件地址吗?没有。但你不必担心用户输入一个逗号,而不是一段时间,或者她不小心类型空间。无论用户是要提交,它将看起来像一个电子邮件地址。这是它的样子:

<form><input type="email" required /> <br /><input type="submit" value="Submit Now!">
</form>

一些浏览器只寻找@和其他浏览器寻找在模式组成的一个@后面紧跟至少一个字母和一个点。

现在,这是不支持的如Internet Explorer 9.0及之前,或由Android浏览器版本。这意味着,为了有效的电子邮件验证这些浏览器你将不得不做出一个变通方法有这个功能工作在所有的浏览器。这并不意味着你不应该实现属性的电子邮件,因为如果浏览器不regocnize type = "电子邮件"这将只是治疗是类型=“文本”并使它作为普通文本。

使用模式验证电子邮件地址

另一种方法来验证电子邮件地址是使用模式属性。正如前面提到的在这一章关于模式,这种模式可以是任何你指定,它是基于正则表达式。我不会深入探讨这个主题的正则表达式,因为这是一个非常全面的学科。

所有你需要知道使用模式验证电子邮件地址是哪个模式使用。下面的HTML5的电子邮件地址的正则表达式是接近一个完整的例子,你的模式可以看起来像。(由于Gervase马卡姆)。这是什么模式看起来像:

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

正如您可以看到的模式是相当复杂的,但是基本上它检查用户输入是否看起来像一个正常的邮件地址如janedoe@unknown.com

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

Type=”email” 或者模式?

作为的方式验证电子邮件地址有它们自己的优点和缺点是由你来决定使用哪一个。你不应该尝试使用他们两个在同一时间,因为这有可能引发一场冲突中,浏览器都支持这两个功能。使用Type=”email” 的优势在于,它是语义正确使用pattern属性都有优势,有几种简单易用的web上的polyfills,确保支持更大范围的观众。

html5验证电子邮件地址，大家都知道如何吗？相关推荐

如何在JavaScript中验证电子邮件地址
如何在JavaScript中验证电子邮件地址? #1楼与squirtle相比 ,这是一个复杂的解决方案,但是在正确验证电子邮件方面做得非常出色: function isEmail(email) { ...
POSIX正则表达式验证电子邮件地址
我们最经常遇到的验证,就是电子邮件地址验证.网站上常见.各种网页脚本也都常用"正则表达式"(regular expression)对我们输入的电子邮件地址进行验证,判断是否合法.有 ...
如何快速验证电子邮件地址？
本文翻译自:How to validate an e-mail address in swift? Does anyone know how to validate an e-mail address ...
我应该如何验证电子邮件地址？
本文翻译自:How should I validate an e-mail address? What's a good technique for validating an e-mail addr ...
php验证电子邮件,如何在PHP中验证电子邮件地址
冉冉说检查电子邮件地址是否格式良好的最简单和最安全的方法是使用filter_var()职能:if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { // ...
如何使用正则表达式验证电子邮件地址
电子邮件正则表达式模式 ^[_A-Za-z0-9-\\+]+(\\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\\.[A-Za-z0-9]+)*(\\.[A-Za-z]{2,})$ ...
python使用正则验证电子邮件_如何使用正则表达式验证电子邮件地址？
在完全RFC 822标准的正则表达式是低效的和模糊的,因为它的长度.幸运的是,RFC 822被取代了两次,目前的电子邮件地址规范是RFC 5322.RFC 5322导致正则表达式,如果研究几分钟并且对 ...
php 邮件验证_PHP程序来验证电子邮件地址
php 邮件验证 Suppose there is a form floating where every user has to fill his/her email ID. It might ha ...
3种在JavaScript中验证电子邮件地址的方法
来源 | http://www.fly63.com/ 如何使用JavaScript验证email的正确性?今天这个内容将做一个小小的总结,希望对你有所帮助. 方式一:简单验证对于想要以以下形式进行真 ...

html5验证电子邮件地址，大家都知道如何吗？

html5验证电子邮件地址，大家都知道如何吗？相关推荐

最新文章

热门文章