html

    
    
     name    
     
        
          
     
    
     
   
     
    

ng-messages="myForm.myName.$error" 给出错误类型(required, char, exist, minlength)

error.html

必填非法字符名称已存在太短了

directive name-check 利用ngModel 的$validators,& $asyncValidators 添加自定义验证

app.directive('nameCheck', nameCheck);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;            }        }    }}