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 条评论
登录 后参与评论

相关文章

来自专栏大魏分享(微信公众号:david-share)

Ansible Tower实战大全:第一篇

1.前言     Ansible是一个开源的配置管理和业务流程工具。它可以自动化和标准化的配置远程主机和虚拟机。它的编排功能允许Ansible并列的启动和正常关...

7616
来自专栏前端萌媛的成长之路

一波webpack

1864
来自专栏菩提树下的杨过

hadoop: hive 1.2.0 在mac机上的安装与配置

环境:mac OS X Yosemite + hadoop 2.6.0 + hive 1.2.0 + jdk 1.7.0_79 前提:hadoop必须先安装,且...

2888
来自专栏Golang语言社区

Golang优秀实用开源项目收集

golang很多开源项目,铺天盖地,却很少有官方版。有时候真是选择乏力,选择一个优秀的流行的组件,能少走很多弯路。 整理一些最为出名和好用的开源组件(持续更新)...

4457
来自专栏bboysoul

部署包安装zabbix

昨天给树莓派安装上了一个温度传感器,今天想使用zabbix去统计监控树莓派上温度传感器的数据,所以我就开始在我的一台不怎么用的阿里云服务器上安装zabbix了 ...

1322
来自专栏JavaEdge

Shiro实战(五) - 会话管理

Shiro提供了完整的企业级会话管理功能,不依赖于底层容器(如web容器Tomcat),不管JavaSE还是JavaEE环境都可以使用,提供了会话管理、会话事件...

3043
来自专栏linux系统运维

原 添加自定义监控项目,配置邮件告警,测

2023
来自专栏杨建荣的学习笔记

MySQL访问受限的问题分析

今天帮同事看了一个MySQL的连接问题,蛮有意思,有两个用户,一个用户连接正常,另外一个连接抛错。 开发同学提供的错误日志如下: {resin-33} jav...

3759
来自专栏ytkah

微信公众平台群发接口优化 新增原创校验逻辑

微信公众平台对高级群发接口进行了优化,新增原创校验逻辑。公众号在调用接口群发图文消息时,将进行原创校验,并根据群发接口新参数 send_ignore_repri...

4377
来自专栏静下来

Discuz论坛 消息群发软件 私信群发

软件说明: 支持部分Discuz论坛3.1、3.2版本的消息群发 软件公开版为1.0(正式版本第一次发出来) 软件产品版本1.3(源码调试版本) 使用说明...

5075

扫码关注云+社区

领取腾讯云代金券