Web修改密码功能

<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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • js校验表单后提交表单的三种方法总结

    本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助。

    麦克劳林
  • MyBatis中Like语句使用方式(模糊查询)

    麦克劳林
  • 9月17-MySQL性能优化

    麦克劳林
  • 解决Yii2 启用_csrf验证后POST数据仍提示“您提交的数据无法验证”

    CSRF(Cross-site request forgery跨站请求伪造,也被称为“One Click Attack”或者Session Riding,通常缩...

    botkenni
  • vue render jsx 事件绑定 条件渲染 slots 插槽

    yangdongnan
  • 当Kotlin遇见数据结构丨哈夫曼树的实现

    给定N个数值作为N个叶子结点的权值,构造一颗二叉树,若该树的带权路径长度达到最小,称这样的二叉树为最优二叉树,也叫哈夫曼树。

    码脑
  • MySQL 5.7 关闭validate_password密码策略

    validate_password_dictionary_file:密码策略文件,策略为STRONG才需要

    天天向上_82634
  • windows下codelite的使用

    codelite官方打不开,从这里下载安装程序,地址:http://sourceforge.net/projects/codelite/

    meteoric
  • CCF-腾讯犀牛鸟科研基金2013年度获奖项目阶段性成果

    image.png   2013年,腾讯公司联合中国计算机学会(CCF)首次发起“犀牛鸟科研基金”项目,引起了青年学者的积极关注,共收到来自国内外80多所高...

    腾讯高校合作
  • 供地越多的地方,房价越涨吗?

    因此,我们经常会看到研究者们动不动就祭出一张全国地图,给每个城市进行评级,充满了指点江山的气魄。比如下图(来源:网络):

    华章科技

扫码关注云+社区

领取腾讯云代金券