angularjs之表单验证一

<form name="myForm" novalidate>
		<div>
		<input   ng-pattern="/^\d{3}$/" name="name" required  ng-minlength="3" maxlength="3" ng-model="user.name" />
		<span class="error" ng-show="myForm.name.$dirty&&myForm.name.$invalid">请输入3位数字</span>
		<span class="error" ng-show="jscontrol&&myForm.name.$pristine&&myForm.name.$error.required">请输入3位数字</span>
		</div>
		<div>
		<input   ng-pattern="/^.{1,15}$/" name="addr" required  ng-minlength="1" maxlength="15" ng-model="user.addr" />
		<span class="error" ng-show="myForm.addr.$dirty&&myForm.addr.$invalid">请输入15位任意字符</span>
		<span class="error" ng-show="jscontrol&&myForm.addr.$pristine&&myForm.addr.$error.required">请输入15位任意字符</span>
		</div>
		<button ng-click="save();">提交</button>

	</form>

 

app.controller('formCtrl', ['$scope', function($scope){
	$scope.save = function(){
		$scope.jscontrol=true;
		if($scope.myForm.$valid){
			alert("合法");
		}else{
			alert("不合法");
		}
	}
}])

 简洁的原生的表单验证