zoukankan      html  css  js  c++  java
  • 验证输入两次密码是否一致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-zd]+$)(?![a-zA-z!@#$%^&*]+$)(?![d!@#$%^&*]+$)[a-zA-Zd!@#$%^&*]+$/"-->
    
                                    <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>
  • 相关阅读:
    sublime text3配置javascript运行环境
    TCP/IP协议详解
    markdown基本语法
    pytest失败重跑
    pytest参数化
    Httprunner初步学习
    基础面向对象
    面试题
    包和loggging模块
    常用模块
  • 原文地址:https://www.cnblogs.com/qiuqiunile/p/7261649.html
Copyright © 2011-2022 走看看