ajax验证修改密码

来源：互联网发布：2016淘宝个性化刷法编辑：程序博客网时间：2024/04/29 18:33

修改密码是比较简单的功能，要求如下：

1、原密码必须输入正确，才可以修改密码

2、第二次输入的新密码必须与第一次相同。

3、前两个条件同时满足的时，修改密码才能成功，否则显示错误提示信息。

4、错误提示信息和验证信息全部使用ajax提交、响应

效果图如下：

HTML代码如下：

<span class="section">修改密码</span>                                    <input type="hidden" value="{$id}" name="id" id="uid">                                    <div class="item form-group col-md-12  tip"   >                                        <div class="col-md-offset-3 col-md-3" style="color:red;display:none;" id="tip"></div>                                    </div>                                    <div class="item form-group">                                        <label for="oldPwd" class="control-label col-md-3">原始密码</label>                                        <div class="col-md-6 col-sm-6 col-xs-12">                                            <input id="oldPwd" type="password" name="oldPwd" data-validate-length-range="4,12"  class="form-control col-md-7 col-xs-12" required="required">                                        </div>                                    </div>                                    <div class="item form-group">                                        <label for="newPwd" class="control-label col-md-3">输入新密码</label>                                        <div class="col-md-6 col-sm-6 col-xs-12">                                            <input id="newPwd" type="password" name="newPwd" data-validate-length-range="5,12" class="form-control col-md-7 col-xs-12" required="required">                                        </div>                                    </div>                                    <div class="item form-group">                                        <label for="newPwd2" class="control-label col-md-3 col-sm-3 col-xs-12">确认新密码</label>                                        <div class="col-md-6 col-sm-6 col-xs-12">                                            <input id="newPwd2" type="password" name="newPwd2" data-validate-linked="newPwd" class="form-control col-md-7 col-xs-12" required="required">                                        </div>                                    </div>                                    <!-- <div class="ln_solid"></div> -->                                    <div class="form-group" style="margin-top:40px;">                                        <div class="col-md-2 col-md-offset-5">                                            <button type="button" id="pwd_btn" name="dosubmit" class="btn btn-primary">确认修改</button>                                        </div>                                    </div>

js代码如下：

$("#pwd_btn").click(function(){        var submit = true;        var oldPwd=$("#oldPwd").val(); /*原始密码*/        var newPwd=$("#newPwd").val(); /*新密码1*/        var newPwd2=$("#newPwd2").val(); /*新密码2*/        if((oldPwd && newPwd && newPwd2)=='' ){            $("#tip").html("密码不能为空");            $("#tip").show();            submit=false;        }        if(submit){            $.ajax({                type:"post",                url:"{:U(MODULE_NAME.'/Home/Pwd')}",                data:{"oldPwd":oldPwd,"newPwd":newPwd,"newPwd2":newPwd2},                success:function (data){                    if(data.status == 0 ){                        $("#tip").hide();                        $("#pwd_form").submit();                    }else if(data.status != 0){                        $("#tip").html(data.info);                        $("#tip").show();                    }                }            });        }    });

ajax代码：

public function Pwd(){        if(IS_AJAX){            $oldPwd=I("post.oldPwd");            $newPwd=I("post.newPwd");            $newPwd2=I("post.newPwd2");            if($newPwd!=$newPwd2){                $data['status']=-2;                $data['info']="两次密码不一致";                $this->ajaxReturn($data);                return;            }           if($oldPwd!=$_SESSION['pwd']){               $data['status']=-1;               $data['info']="原始密码错误";               $this->ajaxReturn($data);               return;           }else{               $data['status'] = 0;               $data['info'] = "输入正确";               $this->ajaxReturn($data);               return;           }        }    }

这样简单的验证修改密码功能就可以实现了

2 0