AngularJS E-Mail-Validierung mit Domain-Überprüfung

Question

Ich möchte E-Mail-Eingabe auf AngularJS validieren, ich möchte Domain-Check auch für z. Wenn die Eingabe ist sample@gbail.com, um Vorschlag Benutzer anzuzeigen, der Gmail eingeben soll ... so weiter. hier ist, was ich benutze:

<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"> 

Vielen Dank!

Answer 1

Die größte Hilfe ist die Dokumentation von Google dazu:

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

Obwohl ich nicht von irgendetwas (Paket weist), die derzeit da draußen denke, dass Vorschläge für Rechtschreibfehler auf E-Mail-Domänen zeigen werden, wenn Sie haben eine Liste von Domänen, die Sie überprüfen möchten, es ist möglich (durch oder Aussagen).

Probieren Sie etwas wie dies mit Ihremng-pattern zu tun:

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

Oder

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

Für jeden neuen Domain E-Mail-Provider, es nur mit den |

hinzufügen Denken Sie daran, Sie könnenverwendenFunktionalität innerhalb Ihrer ng-pattern auch :).

Auch, wenn Sie zum Beispiel sagen, wollte eine E-Mail blockieren, fügen Sie einfach die negative Vorschau (?!...), etwa so:

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

Dies jemanden verursacht, die oben aufgeführten der E-Mails zu verwenden versucht, Scheitern.