密码的修改（首先获取该用户的id,原密码判断是否一致，新密码和再次输入密码判断是否一样）...

用到了layer插件，https://layer.layui.com/ 在该连接下下载layer相关文件

rem.js 在手机端页面的布局下载

例子：

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>密码修改</title><meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"><meta name="format-detection" content="telephone=no, email=no"></head><link rel="stylesheet" href="css/public.css" /><link rel="stylesheet" href="css/layer.css" /><link rel="stylesheet" href="css/changePassword.css" /><body><nav><div class="navs"><div class="perss nleftimg"><a href="modifyPassword.html"><img src="data:images/back.png"  /></a></div><div class="perss personal"><h1>修改密码</h1></div><div class="perss nrightimg"></div></div></nav><center><div class="center"><form action="" method="post" class="loginform" enctype="multipart/form-data" name="biaodan"><div class="passwannpas"><h4>原密码</h4></div><div class="passwannpas"><input type="password" class="passwords" id="inputPassword" /></div><div class="passwannpas"><h4>新密码</h4></div><div class="passwannpas"><input type="password" class="newspassword" /></div><div class="passwannpas"><h4>确认密码</h4></div><div class="passwannpas"><input type="password" class="aginpassword" /></div></form><div class="passwordbuttn"><input type="button" value="完 成" class="passinbut"/></div></div></center></body><script type="text/javascript" src="js/rem.js" ></script><script type="text/javascript" src="../bootstrap/js/jquery-2.1.1.min.js" ></script><script type="text/javascript" src="../bootstrap/js/layer.js" ></script><script type="text/javascript" src="js/changePassword.js" ></script>
</html>

js:

$(function (){$(".passinbut").click(function(){var id=getCookie("id");var password=$(".aginpassword").val();var ypassword=$("#inputPassword").val();var npassword=$(".newspassword").val();if(password=='' || password==null && ypassword=='' || ypassword==null && npassword=='' || npassword==null){layer.msg('密码不能为空');}else{oldPassword(id,ypassword)}});
})//原码判断
function oldPassword(id,ypassword){$.ajax({url:"/hospitalmanage/user/getuserpas.do",type:"post",dataType:"json",data:{"id":id,"password":ypassword},success:function(data){console.log(data)if(data.data==true){passSubmission();}else{layer.msg('原密码有误');return}}});
}//新码判断
function passSubmission(){var id=getCookie("id");var password=$(".aginpassword").val();var npassword=$(".newspassword").val();if(password != npassword){layer.msg('两次密码输入不一致！');return;}else{loadingSubmission(id,password);}
}
function loadingSubmission(id,password){$.ajax({url:"/hospitalmanage/user/alertpas.do",type:"post",dataType:"json",data:{"num":id,"password":password},success:function(data){if(data.state==0){layer.confirm('密码修改成功', {btn: ['确定'] //按钮}, function(){window.history.back(-1);});$(".aginpassword").val("");$(".newspassword").val("");$("#inputPassword").val("");}else{layer.msg('密码修改失败');}}});
}

css:

center{width: 100%;height:100%;background: white;padding-top: 1rem;
}
.center{width: 7.5rem;height: 100%;margin:0 auto;
}
.loginform{margin:0 0.4rem;
}
.login{height: 1.5rem;display: -webkit-flex;display: flex;align-items: center;
}
.login h1{font-size: 0.5rem;font-weight: bolder;
}
.passwannpas{display: -webkit-flex;display: flex;align-items: center;}
.passwannpas h4{font-size: 0.3rem;color:#999999;margin: 0.7rem 0  0 0;
}
.passwannpas input{width: 8.94rem;padding: 0.15rem;height: 0.30rem;font-size: 0.3rem;border-top: none;border-left: none;border-right: none;border-bottom:0.01rem solid #e1e1e1;
}
.passwordbuttn{display: -webkit-flex;display: flex;flex-wrap: wrap;align-content: center;margin-top: 1.5rem;width:7.5rem;
}
.passinbut{width: 6.70rem;height: 0.67rem;background: white;border: 0.01rem solid #00a09d;color: #00a09d;font-size: 0.3rem;margin:0 auto;
}

转载于:https://www.cnblogs.com/fanting/p/9814822.html

密码的修改（首先获取该用户的id,原密码判断是否一致，新密码和再次输入密码判断是否一样）...相关推荐

mysql5.7.26修改账号密码_修改mysql5.7的用户密码
MySQL5.7版本加入了密码安全策略机制,修改用户的密码必须符合安全策略的规则,否则无法修改.这对于本地开发来说,有点不方便,密码太长容易忘记,我本地的MySQL密码一般都是123456,这样就不会 ...
python骚操作！WiFi密码还能这样获取？用户扫一扫连接，无需输入密码
大家好,我是Lex 喜欢欺负超人那个Lex 擅长领域:python开发.网络安全渗透.Windows域控Exchange架构今日重点:将家里或办公室的WiFi,无需泄露密码,直接通过二维码进行共享. ...
html怎么在页面中获取操作用户的id,CSS ID 选择器详解
类选择器还是 ID 选择器? 在类选择器这一章中我们曾讲解过,可以为任意多个元素指定类.前一章中类名 important 被应用到 p 和 h1 元素,而且它还可以应用到更多元素. 区别 1:只能在文 ...
MySQL数据库忘记密码之修改密码
我目前使用的版本是MySQL Server 8.0 第一步:关闭MySQL服务首先要停止mysql服务.可通过net stop mysql或者任务管理器中关闭. 第二步:跳过MySQL密码验证进入 ...
mysql显示修改密码_MySQL修改密码
第一种方式: 最简单的方法就是借助第三方工具Navicat for MySQL来修改,方法如下: 1.登录mysql到指定库,如:登录到test库. 2.然后点击上方"用户"按钮. ...
day03_token获取到用户信息
1.token 什么是token:token的意思是"令牌",是服务端生成的一串字符串,作为客户端进行请求的一个标识.当用户第一次登录后,服务器生成一个token并将此token返 ...
华为交换机忘记密码、修改密码、重置密码
疑惑1:交换机的缺省密码都是什么呢? 登录交换机时小伙伴们可要擦亮眼睛看下当前交换机是哪个版本,用什么方式登录.版本不一样或者登录方式不一样缺省密码可能是有差别滴.对于Telnet方式登录交换机,缺省 ...
mysql根用户的密码是什么_Mysql忘记根用户密码怎么办？
mysql用户手册说的很清楚如下: A.4.1. 如何复位根用户密码如果你从未为MySQL设置根用户密码,服务器在以根用户身份进行连接时不需要密码.但是,建议你为每个账户设置密码.请参见5.6.1 ...
mysql 8.0以上新版本账号密码策略修改和密码修改
老版本的密码策略变量: validate_password_policy 这个参数用于控制validate_password的验证策略 0-->low 1-->MEDIUM 2--&g ...

密码的修改（首先获取该用户的id,原密码判断是否一致，新密码和再次输入密码判断是否一样）...

密码的修改（首先获取该用户的id,原密码判断是否一致，新密码和再次输入密码判断是否一样）...相关推荐

最新文章

热门文章