[repost ]Ember.js 表单验证

original:http://ift.tt/14f2znA Note：本文基于 Ember.js 1.4.0 Ember.js 里，一件事常常有多种做法。虽说灵活，但对新手来说，我认为反是件坏事，因为选择太多。 比如一个表单元素 input 输入框，用于用户注册时填写用户名，则据我了解到的资料，至少可有以下几种写法： handlebars.js 模板1 {{input type='text' placeholder="请输入用户名" value=username}} Ember.TextField Ember.TextField 是 Ember.js 内建的一个 View 类2， //template {{view Ember.TextField valueBinding="username" placeholder="请输入用户名"}} 扩展 Ember.TextField 类 // js App.UsernameTextField = Ember.TextField.extend({}); // template {{view App.UsernameTextField valueBinding="value" placeholder="请输入用户名"}} 我的需求很简单，对 input 里填写的用户名，发起 ajax 请求到服务器，验证该用户名是否可用。 触发验证的时机我选在输入框失焦时。在 Ember.js 里，该事件为 foucusOut。 一个最快的解决办法是，直接把事件绑定给 View 类的属性(下面一段代码基于上面的第三种写法)3： App.UsernameTextField = […]



via WordPress http://ift.tt/1shONfr