Angularjs 表单验证3-密码、确认密码处理
来源:互联网 发布:淘宝手机靓号 编辑:程序博客网 时间:2024/06/05 17:04
一、表单定义
<form class="form form-horizontal" name="myForm" novalidate> <div class="form-group"> <label class="col-md-2 control-label"><span style="color:red">*</span>会员编号:</label> <label class="col-md-1 control-label">@AccountHelper.Code_Above</label> </div> <div class="form-group"> <label class="col-md-2 control-label"> <span class="text-danger">*</span> 旧登录密码 </label> <div class="col-md-4"> <input class="form-control" type="password" ng-model="entity.OldPwd" name="OldPwd" placeholder="请输入旧登录密码" required /> <small class="text-danger" ng-show="myForm.OldPwd.$dirty && myForm.OldPwd.$invalid"> <span ng-show="myForm.OldPwd.$error.required">密码是必须的</span> </small> </div> </div> <div class="form-group"> <label class="col-md-2 control-label"> <span class="text-danger">*</span> 新登录密码 </label> <div class="col-md-4"> <input class="form-control" type="password" ng-model="entity.NewPwd" name="NewPwd" placeholder="请输入登录密码" required /> <small class="text-danger" ng-show="myForm.NewPwd.$dirty && myForm.NewPwd.$invalid"> <span ng-show="myForm.NewPwd.$error.required">密码是必须的</span> </small> </div> </div> <div class="form-group"> <label class="col-md-2 control-label"> <span class="text-danger">*</span> 确认密码 </label> <div class="col-md-4"> <input class="form-control" type="password" ng-model="entity.LoginPwdC" name="LoginPwdC" placeholder="请输入再次登录密码" required /> <small class="text-danger" ng-show="myForm.LoginPwdC.$dirty && myForm.LoginPwdC.$invalid"> <span ng-show="myForm.LoginPwdC.$error.required">密码是必须的</span> </small> <small class="text-danger" ng-show="myForm.LoginPwdC.$dirty&&entity.LoginPwdC!=entity.NewPwd">两次输入的密码不一致</small> </div> </div> <div class="form-group"> <div class="col-md-2"></div> <div class="col-md-4"> <button type="submit" class="btn btn-primary" ng-click="save()" ng-disabled="myForm.$invalid||entity.LoginPwdC!=entity.NewPwd">保存</button> </div> </div> </form>
二、特别说明:
确认密码使用的是$scope的属性
<small class="text-danger" ng-show="myForm.LoginPwdC.$dirty&&entity.LoginPwdC!=entity.NewPwd">两次输入的密码不一致</small>
<button type="submit" class="btn btn-primary" ng-click="save()" ng-disabled="myForm.$invalid||entity.LoginPwdC!=entity.NewPwd">保存</button>
更多:
AngularJs 自定义表单验证
AngularJs表单验证实例1
AngularJS阻止事件冒泡$event.stopPropagation()
阅读全文
0 0
- Angularjs 表单验证3-密码、确认密码处理
- JQuery表单验证之密码确认
- 密码和确认密码一致的Angularjs验证
- angularjs表单注册--两次密码验证
- Ext确认密码验证
- 调用函数验证密码和确认密码
- easy ui 密码确认验证
- JavaScript表单验证密码
- angularjs表单验证,包括密码长度及两次密码输入是否一致
- AngularJs如何验证重复密码
- 简单的javascript表单验证,输入是否为空,确认密码。。
- Ext.js5表单—验证vtype扩展(时间段以及密码确认)(50)
- Struts中用Validator进行密码确认验证
- Ext JS 中实现自定义验证 密码修改 确认密码
- Validator框架验证确认密码与密码是否相等
- Ext JS 中实现自定义验证 密码修改 确认密码
- AngularJs路由修改密码表单展示
- angular 表单验证,密码双向验证
- windows下python2和python3共存
- Notification实现消息通知
- 如何制作Docker镜像
- switch的case只能代表单值
- 大端存储与小端存储
- Angularjs 表单验证3-密码、确认密码处理
- Hive查询异常
- BUG修复:EasyPlayer卡在首帧的bug修改
- linux stat函数
- AndroidStudio无法运行java程序
- bootstrap-Treeview实现级联勾选
- Android listview嵌套gridview时 同时可点击
- qmake、qapplication、qlable简介
- gulp 插件使用