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) 

這將使任何人誰試圖用任何上面列出的電子郵件失敗。