最近在学习angular,那么今天也算个学习笔记吧!
html
ng-messages="myForm.myName.$error" 给出错误类型(required,char,exist,minlength)
error.html
directive name-check 利用ngModel 的$validators,& $asyncValidators 添加自定义验证
nameCheck.$inject = ['HttpService','$q'];
function nameCheck(HttpService,$q){
var NAME_REG = /^[a-zA-Z\u4e00-\u9fa5]+$/;
return {
restrict: 'A',require: 'ngModel',link:function($scope,element,attrs,ctrl){
ctrl.$validators.char = function(modelValue,viewValue) {
var value = modelValue || viewValue;
if(!NAME_REG.test(value)){
return false;
}
return true;
};
ctrl.$asyncValidators.exist = function(modelValue,viewValue){
var value = modelValue || viewValue;
var deferred = $q.defer();
HttpService.get('api/users/' + value).then(function(res) {
if(res.isExist){
deferred.reject(false);
}
deferred.resolve(true);
})
return deferred.promise;
}
}
}
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。