HTML5 필수 속성이 Ember.js에서 작동하지 않습니다.

Question

Ember.js 애플리케이션에 대한 로그인 양식을 만들고 쉽게 클라이언트 측 유효성 검사를 위해 '필수'속성을 입력에 사용하고 싶습니다. 그러나 제출 단추에 Ember 동작을 추가하면이 유효성 검사가 작동하지 않는 것으로 보입니다. 예를 들어

:

<form class="form" role="form"> 
    <div class="form-group"> 
     <label class="sr-only" for="exampleInputEmail2">Email address</label> 
     <input type="email" class="form-control" id="email" placeholder="Email address" required> 
    </div> 
    <div class="form-group"> 
     <label class="sr-only" for="exampleInputPassword2">Password</label> 
     <input type="password" class="form-control" id="password" placeholder="Password" required> 
    </div> 
    <div class="checkbox"> 
     <label> 
     <input type="checkbox"> Remember me 
     </label> 
    </div> 
    <div class="form-group"> 
     <button {{action 'login'}} class="btn btn-success btn-block">Sign in</button> 
    </div> 
</form> 

내가 유효성 검사가 작동 {{action 'login'}}을 제거하는 순간, 그렇지 않으면하지 않습니다.

어떻게이 문제를 해결할 수 있습니까? 감사.

Answer 1

버튼에 작업을 추가하면 양식 제출 절차를 피할 수 있습니다. 양식 제출에 추가하려는 경우 양식 제출을 시도한 후에 만 ​​작동합니다.

<form class="form-horizontal" {{action "login" on="submit"}}> 
    ... 
</form> 

http://emberjs.jsbin.com/tomolevi/1/edit