AngularJS 유효성 검사가 작동하지 않습니까?

Question

나는 AngularJS와 새로운 오전과 난 그냥 함께 제공되는 검증 주위 조정할 시작했지만 난 그들이 어떤 이유로 동작하지 않습니다 :

<div class="row"> 
    <div class="col-xs-6"> 
     <h2>Login</h2> 
     <p class="text-danger">{{message}}</p> 
     <form name="form" novalidate> 
      <label>Email: </label> 
      <input type="email" ng-model="credentials.email" placeholder="Email" class="form-control" required /> 
      <label>Password: </label> 
      <input type="password" ng-model="credentials.password" placeholder="Password" class="form-control" /> 
      <br /> 
      <button class="btn btn-primary" ng-click="authenticate(credentials)">Login</button> 
      <a href="#/register">Register</a> 
     </form> 
    </div> 
</div> 

내가 양식을 이름 또한 novalidate을 넣어. 그런 다음 필자는 필요에 따라 이메일 입력을 시도했지만 속성을 입력하려고했습니다. 그러나 양식은 여전히 ​​제출되며 AngularJS는 제출을 중단하거나 경고를 표시하지 않습니다. 내가 뭘 놓치고 있니?

Answer 1

이 입력

<form name="form" novalidate> 
      <label>Email: </label> 
      <input type="email" name="email" ng-model="credentials.email" placeholder="Email" class="form-control" required /> 
      <label>Password: </label> 
      <input type="password" ng-model="credentials.password" placeholder="Password" class="form-control" /> 
      <br /> 
      <button class="btn btn-primary" ng-disabled="form.$invalid" ng-click="authenticate(credentials)">Login</button> 
      <a href="#/register">Register</a> 
     </form> 

을에 이름 필드를 제공 할 경우 이메일을 확인하고 기반 http://plnkr.co/edit/pAA2wBp8zgIZV6QLwO7S?p=preview

Answer 2

선택 사항을 만들려면 이메일 입력에서 required 속성을 제거하십시오.

<input type="email" ng-model="credentials.email" placeholder="Email" class="form-control"/> 

전자 메일 유효성 검사를 제거하려면 필드 유형을 변경하십시오.

HTML5는 항상 여기 당신이 type="email"

<input type="text" ng-model="credentials.email" placeholder="Email" class="form-control"/>