AngularJS电子邮件验证与域名检查

Question

我想验证在AngularJS上的电子邮件输入，我想为例如添加域名检查。当输入是sample@gbail.com来显示建议用户打算输入Gmail ...等等。 下面是我用什么：

<input type="text" class="form-control" name="email" ng-model="txtmail" ng-pattern="/^(?=.{1,254}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+(\.[-!#$%&'*+/0-9=?A-Z^_`a-z{|}~]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$/" required placeholder="sample@domain.com"> 

谢谢！

Answer 1

最大的帮助是谷歌对这个文档：

https://docs.angularjs.org/guide/forms#custom-validation

虽然我不能想到的任何东西（包明智）是目前在那里，会显示在电子邮件域拼写错误的建议，如果你有一个你想检查的域名列表，这是可能的（通过或陈述）。

尝试做这样的事情与你ng-pattern：

^[a-z0-9!#$%&'*+/=?^_`{|}~.-]+@(yahoo\.com|gmail\.com|msn\.com|hotmail\.com|live\.com) 

或者

^[A-Z0-9._%+-]+@(yahoo\.com|gmail\.com|msn\.com|hotmail\.com|live\.com) 

对于每个新域名的电子邮件提供商，刚刚与|

添加它请记住，你可以使用or功能也在您的ng-pattern之内:)。

另外，如果你说，例如，要阻止电子邮件，只需添加排除模式(?!...)，就像这样：

^[A-Z0-9._%+-]+@(?!yahoo\.com|gmail\.com|msn\.com|hotmail\.com|live\.com) 

这将使任何人谁试图用任何上面列出的电子邮件失败。