有时候我们在登录一些特殊的网站或者系统的时候,初次登录是有原始密码的,这时候就需要我们去更改,同样,我们进入网站注册的时候需要输入密码,后面登录的时候当然也会用得到,那么后面就会有很多客户为了方便记忆就会去修改密码
/*修改密码*/#ysmmts{ color:red; font-weight:bold; font-size:16px; }#xmmts{ color:red; font-weight:bold; font-size:16px; }#qrxmmts{ color:red; font-weight:bold; font-size:16px; }.ts{ line-height:34px; vertical-align:middle; }.gnq{ display:none; }.pagination:hover{ cursor:pointer}
html部分:
提示:确认修改密码后将跳转到登录页面重新登录
//修改密码的原始密码和新密码对应事件$("#ysmm").blur(function(){ysmm();})$("#xmm").keyup(function(){xmm();})function ysmm(){ var a = true; var ysmm = $("#ysmm").val(); if(ysmm==""){ $("#ysmmts").html("您输入的原始密码为空!"); a = false; } else{ $.ajax({ async:false, url:"ysmm.php", data:{ysmm:ysmm}, type:"POST", dataType:"TEXT", success:function(data){ if(data.trim()==0) { $("#ysmmts").html(""); } else if(data.trim()==1) { $("#ysmmts").html("您输入的原始密码有误!"); a = false; } } }) } return a; }function xmm(){ var xmm = $("#xmm").val(); var b = true; $.ajax({ async:false, url:"xmm.php", data:{xmm:xmm}, type:"POST", dataType:"TEXT", success:function(data){ //alert(data); if(data.trim()==0) { $("#xmmts").html("您输入的新密码弱爆啦!换一个吧"); b = false; } else if(data.trim()==1) { $("#xmmts").html("您输入的新密码强度强强强!"); } else if(data.trim()==2) { $("#xmmts").html("您输入的新密码强度强!"); } else if(data.trim()==3) { $("#xmmts").html("您输入的新密码强度中!"); } else if(data.trim()==4) { $("#xmmts").html("您输入的新密码强度中!"); } else if(data.trim()==5) { $("#xmmts").html("您输入的新密码强度弱!"); } } }); return b; } //修改密码的确认修改按钮的对应事件$("#qrxg").click(function(){ var qrxmm = $("#qrxmm").val(); var xmm1 = $("#xmm").val(); var ysmm1 = $("#ysmm").val(); if(xmm1 != qrxmm) { $("#qrxmmts").html("您输入的新密码不一致!"); return false; } if(xmm1=="" && ysmm1=="") { $("#ysmmts").html("您输入的原始密码为空!"); $("#xmmts").html("您输入的新密码为空!"); return false; } else if(xmm1=="" || ysmm1=="" ) { if(xmm1=="") { $("#xmmts").html("您输入的新密码为空!"); return false; } else if(ysmm1=="") { $("#ysmmts").html("您输入的原始密码为空!"); return false; } } else if(xmm1==ysmm1) { $("#xmmts").html("您输入的新密码与原始密码相同!"); return false; } else if(ysmm() && xmm()) { return true; } else { return false; } })
ysmm.php页面如下所示:
Query($sql);}if(!empty($_POST["ysmm"])){ $ysmm = $_POST["ysmm"];if($ysmm==$res[0][0])//输入的原始密码与当前登录者的原始密码相同{ echo 0; }else{ echo 1; }}
xmm.php如下所示:
中间的按钮用的是bootstrap 所以需要引入用到的包。。。