Web修改密码功能

作者: 麦克劳林 | 来源:发表于2017-06-06 17:50 被阅读26次
<input style="float: right;margin-right: 50px;margin-bottom: 10px;margin-top: 0px;" data-toggle="modal" data-target="#updatePassword"  class="btn btn-primary" type="button" value="修改密码" />
                <!-- 模态框(Modal) -->
                <div class="modal fade" id="updatePassword" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div id="updatePassword" style="margin-top: 15px" >  <img alt="update" src="<%=request.getContextPath()%>/resources/image/userMgr/update.png">  <label>密码修改</label></div>   
                            <hr>
                            
                            <form name="pwd_change_form" action="${pageContext.request.contextPath}/asset/user/updatePassword?userId=${sessionScope.loginUser.userId }" method="post">                                                      
                            <div id="userInfo" class="modal-body">
                                <table>
                                    <tr>                    
                                        <td><input type="hidden" name="holdPassword"  value =${sessionScope.loginUser.password } /></td>
                                        <td><input type="hidden" name="userName"  value =${sessionScope.loginUser.userName } /></td>    
                                    </tr>
                                    <tr>                    
                                        <td>旧    密   码: <input placeholder="密码长度为5~16" minlength="5" maxlength="16"  type="password" name="oldPassword"  id="oldPassword"/></td>    
                                    </tr>
                                    <tr>                    
                                        <td>新    密   码: <input placeholder="密码长度为5~16" minlength="5" maxlength="16"  type="password" name="newPassword"  id="newPassword"/></td>
                                    </tr>
                                    <tr>
                                        <td>确认新密码: <input placeholder="密码长度为5~16" minlength="5" maxlength="16" type="password" name="password"  id="password"/></td>                                                                                                                                                                                                                
                                    </tr>
                                </table>
                            </div>              
                            <div class="modal-footer">
                                <input type="button" data-dismiss="modal" style="width:110px;height:40px; background: url('<%=request.getContextPath()%>/resources/image/userMgr/cancel.png');"/>
                                <input type="submit" onClick="return checkForm(pwd_change_form)" style="width:110px;height:40px; background: url('<%=request.getContextPath()%>/resources/image/userMgr/save.png');" name="updatePassword" value=""/>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>  

在body中写:

<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/md5.js" ></script>
<script language="javascript">
    function checkForm(form){
        if(form.oldPassword.value==""){
            alert("请输入的原密码!");
            form.oldPassword.focus();
            return false;
        }
        if(md5(form.oldPassword.value)!=form.holdPassword.value){
            alert("您输入的原密码不正确,请重新输入!");
            form.oldPassword.value="";
            form.oldPassword.focus();
            return false;
        }
        if(form.newPassword.value==""){
            alert("请输入的新密码!");
            form.newPassword.focus();
            return false;
        }
        if(form.password.value==""){
            alert("请确认新密码!");
            form.password.focus();
            return false;
        }
        if(form.newPassword.value!=form.password.value){
            alert("您输入的新密码不一致,请重新输入!");
            form.newPassword.value="";
            form.password.value="";
            form.newPassword.focus();
            return false;
        }
    }
</script>

MD5加密方法参考:
http://www.bootcdn.cn/blueimp-md5/
https://github.com/blueimp/JavaScript-MD5

相关文章

  • Web修改密码功能

    在body中写: MD5加密方法参考:http://www.bootcdn.cn/blueimp-md5/http...

  • 《2.6密码修改界面功能设计》

    (1)密码修改界面功能的效果图: (2)密码修改界面功能的描述 进入系统,通过点击“修改密码”,然后在密码修改界面...

  • 杨鑫

    《2.6密码修改界面功能设计》 (1)密码修改界面功能的效果图: (2)密码修改界面功能的描述: 用户登录成功后,...

  • wrs-gesturelockview

    前言 手势密码控件,支持密码设置、密码修改、密码校验 功能 支持密码设置、密码修改、密码校验 密码设置或修改回调,...

  • 2018-12-03

    2.6密码修改功能界面功能设计 一、制作效果 二、工作任务 设计修改密码界面,实现修改用户密码的功能。了解C#数据...

  • 2018-12-07

    《2.6 密码修改界面功能设计》 2.6.1 效果图 2.6.2 主要功能 登陆用户后,点击修改密码弹出,修改密码...

  • 2018-12-03

    任务2.6 密码修改功能设计 2.6.1 主要功能 登陆用户后,点击修改密码弹出,修改密码的框体;输入点确定,提示...

  • 2.7 密码修改界面功能设计

    修改密码 主要画面功能介绍 用户登录过后点击修改密码,进入修改用户密码界面,输入自己想要修改的密码以及确认密码。点...

  • 密码修改界面功能设计

    2.7密码修改界面功能设计 1:程序效果图 2:主要功能 用户通过点击主界面上的“修改密码”菜单,打开密码修改界面...

  • 智慧商超——密码修改功能

    密码修改界面设计功能 1.主要功能 用户登录成功后进入系统主界面,用户点击主界面上的修改密码菜单,打开修改密码界面...

网友评论

    本文标题:Web修改密码功能

    本文链接:https://www.haomeiwen.com/subject/onvgfxtx.html