做网站哪个公司好,专门发布采购信息的网站,stm32做网站服务器,开发一个app需要做什么angular中的表单验证很强大#xff0c; 一共有5中验证信息#xff0c;$valid,$invalid,$pristine,$dirty,$error. $valid-----当验证通过的时候#xff0c;为true,不通过的时候为false $invalid----当验证不通过的时候#xff0c;为true#xff0c;通过的时候为true $pris… angular中的表单验证很强大 一共有5中验证信息$valid,$invalid,$pristine,$dirty,$error. $valid-----当验证通过的时候为true,不通过的时候为false $invalid----当验证不通过的时候为true通过的时候为true $pristine---当值为初始值的时候为true一旦有过改动即为false $dirty---当值有改动过即为true,其他即为false $error---包含所有的验证信息如以下例子$error {required:false,minlength:false,pattern:false}。哪条验证不通过它的值就为true。 以上五个值可以通过表单的name来获取到参考如下 form novalidate namemyForm input typetext namemyText ng-modeltext required ng-minlength5 ng-pattern/^[a-zA-Z]$/ div{{ myForm.myText.$valid }}/div div{{ myForm.myText.$invalid }}/div div{{ myForm.myText.$pristine }}/div div{{ myForm.myText.$dirty }}/div div{{ myForm.myText.$error }}/div /form 可以结合ng-repeat filter $error等来做一些表单验证 script
var m1 angular.module(myApp,[]);
m1.controller(Aaa,[$scope,function($scope){$scope.text hello;$scope.regText {regT : default,regList : [{ name : default, text : 请输入用户名 },{ name : required, text : 不能为空 },{ name : pattern, text : 只能为字母 },{ name : pass, text : √ },],change : function(err){console.log(err);for(var attr in err){if(err[attr]true){$scope.regText.regT attr;return;}}$scope.regText.regT pass;}};
}]);
/script
/headbody
div ng-controllerAaaform novalidate namenFormlabel用户名input typetext namenText ng-modelregText.name required ng-minlength5 ng-pattern/^[a-zA-Z]$/ ng-blurregText.change(nForm.nText.$error)span ng-repeatre in regText.regList | filter:regText.regT {{re.text}}/span/labelbrbrlabel密码input typepassword namenPas ng-modeltext required ng-minlength5 ng-pattern/^[a-zA-Z]$/span请输入密码/span/label/form
/div转载于:https://www.cnblogs.com/toodeep/p/4971507.html
