Подтверждение базовой формы AngularJS

Question

В моей форме я хочу убедиться, что набрано электронное письмо и введен пароль. Возможно ли это с помощью инструментов angularJS? Вот то, что я в настоящее время:

<ion-view title="Welcome"> 
    <ion-content> 
     <div class="list"> 
      <form name="signInForm"> 

       <label class="item item-input item-stacked-label"> 
       <input name="user.email" data-ng-model="user.email" type="email" placeholder="user@email.net"> 
       </label> 

       <label class="item item-input item-stacked-label"> 
       <input ng-model="user.password" type="password" placeholder="password"> 
       </label> 

       {{ signInForm["user.email"] }} 
       <button data-ng-click="signInClick()" data-ng-disabled="signInForm.$invalid" class="button button-full button-positive"> 
       Sign In 
       </button> 

       <div class="button-bar"> 
        <a href="#/sign-up" class="button">Sign Up</a> 
        <a href="#/forgot-password" class="button"><em>Forgot Password</em></a> 
       </div> 

      </form> 
     </div> 
    </ion-content> 
</ion-view> 

Моя самая большая проблема в том, что кнопка становится активной, даже если нет пароля набрано Как я могу это исправить.?

Answer 1

Использование «необходимых» на полях ввода и проверки для проверки формы.

   <input name="user.email" data-ng-model="user.email" type="email" placeholder="user@email.net" required> 

       <input ng-model="user.password" type="password" placeholder="password" required> 

Answer 2

Просто поместите required на адрес электронной почты и пароль полей

<label class="item item-input item-stacked-label"> 
    <input name="user.email" data-ng-model="user.email" type="email" placeholder="user@email.net" required> 
</label> 

<label class="item item-input item-stacked-label"> 
    <input ng-model="user.password" type="password" placeholder="password" required> 
</label>