Disabilitare un pulsante se almeno un campo di input è vuoto utilizzando ngDisabled

Question

Vorrei impedire all'utente di fare clic sul pulsante "Registra" se i campi non sono corretti. Parte di questo è che alcuni campi devono essere riempiti. Ma la condizione sta iniziando a diventare un po 'lunga:

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

Come posso semplificare?

Answer 1

Penso che sia necessario fornire l'attributo required per i campi di input all'interno del modulo, quindi fino a quando i campi non saranno compilati nel modulo signInForm non saranno validi. Allo stesso modo potresti fornire anche altri attributi di validazione sugli input.

Esempio: -

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