你的位置:首页 > 软件开发 > Java > AngularJS中巧用ngModel的$asyncValidators属性写一个验证唯一性的Direcitve

AngularJS中巧用ngModel的$asyncValidators属性写一个验证唯一性的Direcitve

发布时间:2016-01-25 18:00:12
有这样的一个需求:添加用户的时候,根据主键判断当前添加用户的email是否已经被使用。为此,我们需要把主键和email来传递给远程的一个API,让API返回结果,告之当前email是否被使用过。写一个验证email唯一性的Directive,页面大致如下表现: <inp ...

 

有这样的一个需求:添加用户的时候,根据主键判断当前添加用户的email是否已经被使用。为此,我们需要把主键和email来传递给远程的一个API,让API返回结果,告之当前email是否被使用过。写一个验证email唯一性的Directive,页面大致如下表现:

 

<input type="text" name="email" class="form-control"  data-ng-model="vm.customer.email"  data-ng-model-options="{updateOn: 'blur', allowInvalid: true}"  data-my-unique  data-my-unique-key="{{vm.customer.id}}"  data-my-unique-property="email"  data-ng-minlength="3"  required />  <span class="errorMessage" ng-show="editForm.email.$touched && editForm.email.$error.unique">  Email already in use</span>  

原标题:AngularJS中巧用ngModel的$asyncValidators属性写一个验证唯一性的Direcitve

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。