Ich versuche, die Telefonnummernfelder zu validieren. Bedingungen sind die Felder werden validiert, sobald der Benutzer das nächste Ortsnamensfeld eingibt. Geige Auch Telefonnummernfelder benötigen eine automatische Tabulatortaste für das nächste Telefoneingabefeld. [Bei der Eingabe der Ortskennzahl (3-stellig) sollte der Fokus auf das nächste 3-stellige Telefon-Eingabefeld gehen). Wenn Sie fertig sind, konzentrieren Sie sich auf die letzten 4 Ziffern.
%Vor%Sie können dazu eine Direktive mit Ereignisbehandlung verwenden.
Die wichtigsten Änderungen umfassen Folgendes:
1) Laden Sie jQuery in Ihre Geige vor eckig, damit Sie innerhalb von Winkelfunktionen auf die Selektoren von jQuery zugreifen können.
2) Umbrechen Sie Ihre Eingaben in einen Container mit der richtigen Anweisung (Hinweis: Dies kann auch mit einem einzelnen Element mit restrict: "E" anstelle von restrict: "A" geschehen und mit der template -Eigenschaft wird der untergeordnete HTML-Code definiert)
3) Behandeln Sie das input -Ereignis für die Eingaben, und wenn die Länge den Wert in der Eigenschaft maxlength überschreitet, fokussieren Sie die nächste Eingabe. Das ist mit jQuery wirklich einfach, aber wenn Sie es wirklich wollen, können Sie darauf verzichten.
4) Es gibt eine Million Möglichkeiten, die Eingaben zu validieren, aber ich habe eine einfache Methode eingefügt.
HTML
%Vor%Winkelrichtlinie
%Vor%Tags und Links angularjs jquery validation