ngDisabled를 사용하여 하나 이상의 입력 필드가 비어있는 경우 버튼을 비활성화하십시오.

Question

필드가 올바르지 않으면 "등록"버튼을 클릭하지 못하도록하고 싶습니다. 그 중 일부는 특정 필드를 채워야한다는 것입니다. 그러나 상태는 조금 길어지기 시작합니다 :

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

어떻게 간단하게 할 수 있습니까?

Answer 1

입력란에 입력란에 required 속성을 입력하면 양식이 채워질 때까지 signInForm이 유효하지 않습니다. 마찬가지로 입력에 다른 유효성 검사 속성도 제공 할 수 있습니다.

예 : -

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