验证输入两次密码是否一致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>

 

posted @ 2017-07-31 10:04  求求你了  阅读(1292)  评论(0编辑  收藏  举报