Angular Js 表单验证

Anjular Js的验证必须在form表中才能生效,不在form中不生效。

1. from表中进行设置

novalidate属性是禁止form表单原生态的校验,避免自定义校验产生冲突。

2.requied 标识这是一个必填的选项,不能为空

3.ng-pattern="/^([1-9]\d*|[0]{1,1})$/" 是一个正则表达式输入第一位不为0的正整数,判定是否符合规则

4.ng-show=" actForm.number.$dirty && actForm.number.$invalid" 当结果为true是展现,否则隐藏

5.表单属性 

$dirty 表单有填写记录
$valid 字段内容合法的
$invalid 字段内容是非法的
$pristine 表单没有填写记录

利用这些表单属性,可以在表单提交时进行数据的检测。比如,所有的输入input是否符合要求

	$scope.save = function(){
//$scope.actForm.$pristine actForm中没有输入内容,没有为true,
//注意页面加载时赋予input值,只要没有改变就是true,重点是输入
		if($scope.actForm.$pristine){
			alert("表单信息没有填写或没有改变");
			return;
		}
//$scope.actForm.$invalid 判定所有的输入是否合法,即是否符合你设置的规则,一个不符合就是false
		if( $scope.actForm.$invalid){
			alert("表单信息格式填写不正确");
			return;
		}
}

 


		


{ {'number' | translate }} 数字是必须的 必须是数字
{ {'chineseName' | translate }} 中文名是必须的 必须是中文

 

你可能感兴趣的