@H_403_3@
其中几个知识点
1、angularJs提供了几个新的type类型:
type="number"
type="url"
2、几个参数含义
ng-required //是否必填,true/false
ng-minlength //最小长度,数字
ng-maxlength //最大长度,数字
min //最小数字,数字,仅在type="number"下
max //最小数字,数字,仅在type="number"
3、几个form控制变量,先来一段代码
formName.inputFieldName.$dirty //字段是否更改,对应上面的HTML代码即为 myform.username.$dirty
formName.inputFieldName.$valid //字段有效,对应上面的HTML代码即为 myform.username.$valid
formName.inputFieldName.$invalid //字段无效,对应上面的HTML代码即为 myform.username.$invalid
formName.inputFieldName.$error //字段错误信息,使用频率比较高,对应上面的HTML代码即为 myform.username.$error
4、下面直接上代码,首先是HTML代码,使用了bootstrap.css样式,在结尾引入了angular
<div class="form-group" ng-class="{'has-error':myform.passwordconfirm.$dirty&&myform.passwordconfirm.$invalid}">
<label class="col-sm-2">确认密码
<div class="col-sm-8">
<input type="password" name="passwordconfirm" ng-required="true" ng-model="data.passwordconfirm" class="form-control" placeholder="请输入确认密码">
<div class="col-sm-2 text-danger" ng-show="data.passwordconfirm!=data.password&&myform.password.$dirty&&myform.passwordconfirm.$dirty">两次密码不一致