javascript - HTML5 required attribute not working in Ember.js -


i creating login form ember.js application, , take advantage of 'required' attribute on inputs easy client-side validation. however, seems validation not work when add ember action submit button.

for example:

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

the moment remove {{action 'login'}} validation works, otherwise not.

how can around issue? thanks.

adding action button circumvent form submit procedure, you'll want add form submit, , hit once form attempts submit.

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

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


Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -