angular自定义表单验证----用户名唯一

angular




.directive('pwdCheck',['$http','httpLoadData',function($http,httpLoadData) {
    return {
        require: 'ngModel',link: function (scope,elem,attrs,ctrl) {
            elem.on('keyup',function () {
                            	var obj= {
"pwd":attrs.pwdCheck
   };
                	  var params ={
  requestParams:encodeURIComponent(JSON.stringify(obj)) // 参数需要 URL 编码s
  };
                    $http({
                        method: 'get',url:httpLoadData.setUrl+'/sf/service/user/check/password/rules',//根据换成自己的url
                        params:params
                    }).success(function(data) {
                    	var hide_show=false;
                    	if(data.length!=0){
			hide_show=true;
                    	}
                    	  console.log(obj)
                    	  console.log( data)
                          ctrl.$setValidity('pwdcheck',hide_show);
                    }).error(function(msg) {
                    	alert(msg)
                        ngModelController.$setValidity('unique',false);
                    });
            });
        }
    }
}
])


html

   <input user-check="{{dataForm.login}}" type="text" class="form-control" name="login" ng-model="dataForm.login"  ng-value="{{dataForm.login}}" /> 
    <div class="error" ng-show="adduserForm.login.$dirty &&adduserForm.login.$invalid">
   <span ng-show="adduserForm.login.$valid==false"> The username already exists!</span>

 </div>

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...