Wie validiere ich ein Formular, wenn der Submit-Button außerhalb dieses Formulars liegt, mit angularJs?

7

Ich habe ein Formularelement, das mit AngularJS erstellt wurde, mit einem Submit-Button darin und ich möchte diesen Button außerhalb dieses Formulars platzieren. Wie kann ich das mit Angular machen und habe mein Formular noch validiert?

z. B. Haupt-HTML-Code:

%Vor%

z. B. HTML-Code:

%Vor%

z. B. Controller-Code:

%Vor%

z. B. app.js code

%Vor%     
Fanatic 06.01.2015, 14:33
quelle

4 Antworten

3

Wie ich verstehe, versuchen Sie, einen Formular-Wizzard zu machen. Sie benötigen jedoch kein mehrfaches Formularelement. Verwenden Sie einfach ein Formularelement am oberen Rand. Für Kinder verwenden Sie die ng-form-Direktive, um sie separat zu validieren.

Sie finden eine ausführliche Dokumentation Ссылка zur Verwendung von ng-form

So ähnlich

%Vor%     
Mehmet Otkun 06.01.2015, 14:52
quelle
22

Der Hinweis verwendet die ngForm-Direktive und weist ein Formularnamenattribut zu, das auf $ rootScope verweist.

%Vor%

Das funktioniert.

    
user3435330 03.03.2015 10:26
quelle
0

Wenn sich die Schaltfläche "Senden" außerhalb des Formulars befindet, können Sie die Schaltfläche und das Formular mit einer ngForm umschließen (ja, ngForms kann verschachtelt sein). Geben Sie Ihrer ngForm einen Namen, damit Sie den Übermittlungsklick verarbeiten und das Formularobjekt im selben Kontextkontext anhand des Namens referenzieren können

    
pixelbits 06.01.2015 15:09
quelle
0

Noch prägnanter als diese Antwort :

%Vor%

(Beachten Sie, dass Sie myForm im zugrunde liegenden Controller nicht einmal definieren müssen, und Sie können auch das form -Attribut weglassen.)

    
Daniel 29.10.2015 18:19
quelle