You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

240 lines
9.1 KiB
HTML

2 years ago
<link rel="stylesheet" href="../../../../../Public/Media/css/reg.css">
<extend name="Public/base" />
<block name="body" >
<link type="text/css" rel="stylesheet" href="__CSS__/reg.css">
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="__JS__/reg.min.js"></script>
<div id="container" class="clearfix">
<div class="passwords">
<div class="head_parent">
<div class="head">
<a class="current" href="{:U('Member/findpwd')}">手机找回密码</a>
</div>
</div>
<div class="email01 phone03 clearfix">
<input type="hidden" name="state" id="state" value="1">
<div class="sent_q" style="display:block;">
<dl>
<dt>用户名:</dt>
<dd><input id="loginname" type="text" name="loginname"><span class="sent_tip">请输入用户名</span></dd>
</dl>
<dl class="hz_user06">
<dt>手机号码:</dt>
<dd><input type="text" id="mobile" name="telnum"><span class="sent_tip">请输入绑定的手机号码</span></dd>
</dl>
<dl>
<dt>验证码:</dt>
<dd><input id="seccode" class="yzm" type="text" name="seccode" ><span class="yzmimg"><img width="105" height="35" class="checkcode" src="{:U('verify?vid=4')}" title="点击换一张"></span><span class="sent_tip yzmm">请输入验证码</span></dd>
</dl>
<input type="button" value="提&nbsp;交" class="sbm sbm5">
</div>
<div class="sent_h" style="display:none;">
<dl>
<dt>短信验证码:</dt>
<dd><input type="text" value="" name="pcode" id="phone_info"><span class="sent_tip jcode">请输入您手机收到的验证码</span>
<p class="re_phone_djs"><span id="pwd_find_sec">60</span><span id="pwd_find_text">秒后重新发送</span></p>
<p class="re_phone_djs_hide" style="display: none"><a style="color: red" id="pwd_find_sec_hide">重新发送</a></p>
</dd>
</dl>
<dl>
<dt>新密码:</dt>
<dd><input type="password" name="password" id="upwd"><span class="sent_tip jpwd" >请输入你要设定的新密码</span></dd>
</dl>
<dl>
<dt>确认新密码:</dt>
<dd><input type="password" name="password1" id="rpwd"><span class="sent_tip jpwd1">请再次输入你要设定的新密码</span></dd>
</dl>
<dl>
<dt>验证码:</dt><dd><input type="text" value="" name='ppceode' class="yzm" id="seccode2">
<span class="yzmimg"><img width="70" height="35" alt="验证码" src="{:U('verify?vid=5')}" style="vertical-align:middle; margin-right:10px;" id="vv" title="点击换一张"></span><span id="qwer" class="sent_tip ppceode">请输入验证码</span></dd>
<script>
$('#seccode2').bind('input propertychange', function() {
var aa = $('#seccode2').val();
if (aa != ''){
$('#qwer').hide();
}
});
</script>
</dl>
<input type="button" class="sbm sbm6" value="确&nbsp;认">
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('.checkcode').on('click',function() {
$(this).attr('src','__MODULE__/Member/verify/vid/4/t/'+(new Date).getTime());
});
$('#vv').on('click',function() {
$(this).attr('src','__MODULE__/Member/verify/vid/5/t/'+(new Date).getTime());
});
$('#loginname').blur(function(){
if($('#loginname').val()==''){
$('#loginname').siblings().attr('style','color:red');
}
// data={"name":$('#loginname').val(),'phone':$("#mobile").val(),'code':$("#seccode").val() };
data={"name":$('#loginname').val(),'type':1};
ajaxinput(data);
});
$('#mobile').blur(function(){
if($('#mobile').val()==''){
$('#mobile').siblings().attr('style','color:red');
}
if($('#mobile').val().length == 0){
$('#mobile').siblings().text('请输入手机号').attr('style','color:red');return false;
}
if($('#mobile').val().length !== 11 || !(/^[1][358][0-9]{9}$/.test($('#mobile').val()))){
$('#mobile').siblings().text('手机号码格式不正确').attr('style','color:red');return false;
}
// data={"name":$('#loginname').val(),'phone':$("#mobile").val(),'code':$("#seccode").val() };
data={"name":$('#loginname').val(),"phone":$('#mobile').val(),'type':2};
ajaxinput(data);
});
$("#seccode").blur(function(){
if($('#seccode').val() !=''){
$('#seccode').siblings(".sent_tip").attr('style','color:#babab9');
}
if($('#seccode').val() ==''){
$('#seccode').siblings(".sent_tip").text('请输入验证码').attr('style','color:red');return false;
}
})
$('.sbm5').click(function(){
if($('#seccode').val()!=''){
$('#seccode').siblings().attr('style','color:#babab9');
}
if($('#mobile').val()==''){
$('#mobile').siblings().text('手机号不能为空').attr('style','color:red');
}else if($('#mobile').val().length !== 11 || !(/^[1][358][0-9]{9}$/.test($('#mobile').val()))){
$('#mobile').siblings().text('手机号码格式不正确').attr('style','color:red');
}
if($('#seccode').val()==''){
$('#seccode').siblings().attr('style','color:red');
}
data={"name":$('#loginname').val(),"phone":$('#mobile').val(),'code':$("#seccode").val(),'type':3};
ajaxinput(data);
});
function ajaxinput(data){
$.ajax({
type: 'POST',
url: '{:U("Member/checkfindpwd")}' ,
data: data ,
success: function(data){
if(data.status==-1){
$('#loginname').siblings().text(data.msg).attr('style','color:red');
}else if(data.status==1){
$('#loginname').siblings().text(data.msg).attr('style','color:green');
}else if(data.status==-2){
$('#mobile').siblings().text(data.msg).attr('style','color:red');
}else if(data.status==2){
$('#mobile').siblings().text(data.msg).attr('style','color:green');
}else if(data.status==-3){
$('.yzmm').text(data.msg).attr('style','color:red');
}else if(data.status==3){
$('.sent_q').attr('style','display:none');
$('.sent_h').attr('style','display:block');
sendcode();
}
},
error:function(){
}
});
}
$(".re_phone_djs_hide").click(function(){
sendcode();
});
function sendcode(){
if(!$('#pwd_find_sec').hasClass('gg-btntn')){
$.ajax({
type:'post',
dataType:'json',
data:'phone='+$('#mobile').val(),
url:'{:U("telsvcode")}',
success:function(data) {
switch (parseInt(data.status)) {
case 1: {$('#pwd_find_text').show();
r(1);
};break;
default:
$('.jcode').text(data.msg);$('#pwd_find_text').hide();
$('#pwd_find_sec').text('请刷新重试');
}
},
error:function() {
alert('服务器故障,请稍候再试。。。。');
}
});
var r = function(i, t) {
if (i>0) {
var r = 60;
e='#pwd_find_sec';
$(e).removeClass('gg-btn').addClass('gg-btntn');
var a = setInterval(function() {
r--;
if($(".re_phone_djs_hide").attr('style')=='display:block'){
$('.re_phone_djs_hide').attr('style','display:none');
$('.re_phone_djs').attr('style','display:block');
}
$(e).text(r),
0 == r && ($(e).removeClass('gg-btntn').addClass('gg-btn'), $('.re_phone_djs').attr('style','display:none'), $('.re_phone_djs_hide').attr('style','display:block'),clearInterval(a))
},1e3)
}
};
}
}
$(".sbm6").click(function(){
$pwd=$("input[name='password']").val();
$pcode=$("input[name='pcode']").val();
$pwd1=$("input[name='password1']").val();
$ppceode=$("input[name='ppceode']").val();
if($pcode==''){
$('.jcode').attr('style','color:red');
return false;
}
if ($pwd.length <6 || $pwd.length >30 ) {
$('.jpwd').text('密码由6-30位字母、数字或下划线组成').attr('style','color:red');
return false;
}
if (!(/^[a-zA-z0-9_]{6,30}$/.test($pwd))) {
$('.jpwd').text('密码由6-30位字母、数字或下划线组成').attr('style','color:red');
return false;
}
if ($pwd !== $pwd1){
$('.jpwd1').text('两次密码不一致,请重新输入').attr('style','color:red');
return false;
}
if($ppceode==''){
$('.ppceode').attr('style','color:red');
return false;
}
data={'account':$('#loginname').val(),'phone':$('#mobile').val(),"pcode":$pcode,"pwd":$pwd,"ppceode":$ppceode};
$.ajax({
type: 'POST',
url: "{:U('findpwd')}" ,
data:data,
success:function(data){
if(data.status){
layer.msg(data.msg,{icon:1});
setTimeout("tzdl()",1000);
}else{
layer.msg(data.msg,{icon:2});
}
}
});
});
function tzdl() {
window.location.href="{:U('Member/plogin')}";
}
</script>
</block>