验证输入两次密码是否一致angularjs

 <div class="row" ng-if="createMode">
                        <div class="form-group col-md-6"
                             ng-class="{ 'has-error' : (userForm.password.$error.required || userForm.password.$error.maxlength || userForm.password.$error.minlength) && userFormClick}">
                            <label for="password" class="col-md-3 control-label">密码<span
                                    class="text-danger">*</span>:</label>

                            <div class="col-md-9">
                                <input pw-check="repassword" id="password" name="password" type="password"
                                       class="form-control" ng-minlength="6" ng-maxlength="32"
                                       ng-model="model.password" placeholder="密码" required/>
                                       <!--ng-pattern= "/^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)(?![a-zA-z\d]+$)(?![a-zA-z!@#$%^&*]+$)(?![\d!@#$%^&*]+$)[a-zA-Z\d!@#$%^&*]+$/"-->

                                <p ng-show="userForm.password.$error.required && userFormClick"
                                   class="help-block">密码不能为空</p>

                                <p ng-show="userForm.password.$error.maxlength && userFormClick"
                                   class="help-block">
                                    输入密码不能多于32个字符</p>

                                <p ng-show="!userForm.password.$error.required && userForm.password.$error.minlength && userFormClick"
                                   class="help-block" style="color:darkred">
                                    输入密码不能少于6个字符</p>

                                <p ng-show="userForm.password.$error.pattern && userFormClick"
                                   class="help-block">
                                    输入密码必须包含大小写字母特殊符号和数字</p>
                            </div>

                        </div>
                        <div class="form-group col-md-6"
                             ng-class="{ 'has-error' : (userForm.repassword.$error.required && userFormClick)||(userForm.password.$error.pwmatch && userFormClick)||(userForm.repassword.$error.pwmatch && userFormClick)}">
                            <label for="repassword" class="col-md-3 control-label">重复密码<span
                                    class="text-danger">*</span>:</label>

                            <div class="col-md-9">
                                <input pw-check="password" id="repassword" name="repassword" type="password"
                                       class="form-control"
                                       ng-model="model.repassword"
                                       placeholder="重复密码" required/>
                                <p ng-show="userForm.repassword.$error.required && userFormClick"
                                   class="help-block">重复密码不能为空</p>
                                <p ng-show="!userForm.repassword.$error.required && userForm.repassword.$error.pwmatch && userFormClick"
                                   class="help-block">两次输入的密码不一致</p>
                            </div>
                        </div>
                    </div>

 

转载于:https://www.cnblogs.com/qiuqiunile/p/7261649.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值