Deaktivieren Sie eine Schaltfläche, wenn mindestens ein Eingabefeld leer ist mit ngDisabled

Question

Ich möchte verhindern, dass der Benutzer auf die Schaltfläche "Registrieren" klicken, wenn die Felder nicht korrekt sind. Ein Teil davon ist, dass bestimmte Felder ausgefüllt werden müssen. Aber die Bedingung fängt an, ein bisschen lang zu werden:

<button class="btn btn-success" ng-click="register()" 
    ng-disabled="signInForm.$invalid || form.firstName.length==0 || 
    form.lastName.length==0 || form.email.length==0 || 
    form.password.length==0 || form.passwordBis.length==0">Register</button> 

Wie kann ich das vereinfachen?

Answer 1

Ich denke, was Sie brauchen, ist required Attribut für Ihre Eingabefelder in Ihrem Formular, so dass bis die Felder ausgefüllt sind in das Formular signInForm wird ungültig sein. In ähnlicher Weise könnten Sie auch andere Validierungsattribute für die Eingaben bereitstellen.

Beispiel: -

<input type="text" ng-model="firstName" name="firstName" required /> 
    <input type="text" ng-model="lastName" name="lastName" required /> 
    <input type="email" ng-model="email" name="email" required /> 
    ... 
    ... 
    <button class="btn btn-success" ng-click="register()" 
      ng-disabled="signInForm.$invalid">Register</button>