HTML5所需属性在Ember.js中不起作用

HTML5 required attribute not working in Ember.js

本文关键字：js 不起作用 Ember 属性 HTML5      更新时间：2023-09-26

我正在为我的Ember.js应用程序创建一个登录表单，并希望利用输入上的'required'属性，以便于客户端验证。但是，当我向提交按钮添加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'}}时，验证工作，否则它不工作。

如何解决这个问题?谢谢。

向按钮添加动作将绕过表单提交过程，您将需要将其添加到表单提交中，并且只有在表单尝试提交时才会点击它。

<form class="form-horizontal" {{action "login" on="submit"}}>
  ...
</form>
http://emberjs.jsbin.com/tomolevi/1/edit

相关文章：