293 lines
12 KiB
PHTML
Executable File
293 lines
12 KiB
PHTML
Executable File
<!doctype html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8"> {include file="include/head" /}
|
||
<title>忘记密码</title>
|
||
<link href="__PUBLIC__/m_web/css/login.css" rel="stylesheet" type="text/css">
|
||
<style></style>
|
||
</head>
|
||
|
||
<body style="background: #fff;">
|
||
<div id="content">
|
||
{include file="include/top" /}
|
||
<div class="img-responsive margin-top-90"><img src="__PUBLIC__/m_web/images/user/login_banner.jpg" alt=""/>
|
||
</div>
|
||
|
||
<!-- 代码部分begin -->
|
||
<div class="regist-tab">
|
||
<!--<div class="tab">
|
||
<a href="javascript:;" class="on">邮箱注册</a> <a href="javascript:;" class="on">手机注册</a> </div>-->
|
||
<div class="content">
|
||
<div class="margin-top-30">
|
||
<div class="login-m-a ">
|
||
<div class="login-m-password">
|
||
<div class="login-m-img"><img src="__PUBLIC__/m_web/images/user/phone.png" alt=""/>
|
||
</div>
|
||
<div class="input-a">
|
||
<input id="telephone" name="telephone" type="" placeholder="请输入您手机号码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您手机号码'">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="login-m-a ">
|
||
<div class="login-m-code">
|
||
<div class="login-m-img"><img src="__PUBLIC__/m_web/images/user/login-code.png" alt=""/>
|
||
</div>
|
||
<div class="input-a">
|
||
<input id="captcha" name="captcha" type="text" placeholder="请输入验证码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入验证码'">
|
||
</div>
|
||
<div class="input-code"> <a href="javascript:void(0);" class="nbtn" id="nbtn"><button>获取验证码</button></a></div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="login-m-a ">
|
||
<div class="login-m-password">
|
||
<div class="login-m-img"><img src="__PUBLIC__/m_web/images/user/password.png" alt=""/>
|
||
</div>
|
||
<div class="input-a">
|
||
<input id="password" name="password" type="password" placeholder="请设置您的新密码" onfocus="this.placeholder=''" onblur="this.placeholder='请设置您的新密码'">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="login-m-a ">
|
||
<div class="login-m-password">
|
||
<div class="login-m-img"><img src="__PUBLIC__/m_web/images/user/password.png" alt=""/>
|
||
</div>
|
||
<div class="input-a">
|
||
<input id="re_password" name="re_password" type="password" placeholder="确认新密码" onfocus="this.placeholder=''" onblur="this.placeholder='确认新密码'">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--<div class="regist-form"><input type="checkbox"> 我已阅读并同意《网站服务条款》</div>-->
|
||
<div class="margin-top-90 login-btn overflow-h">
|
||
<button class="update_pwd">提交</button>
|
||
</div>
|
||
<div class="login-text margin-bottom-90 overflow-h"><span class="float_l"><a href="__ORICOROOT__/customer/register.html">立即注册</a></span> <span class="float_r"><a href="__ORICOROOT__/customer/login.html">立即登录</a></span></div>
|
||
|
||
</div>
|
||
|
||
<script>
|
||
$( function () {
|
||
$( ".regist-tab .tab a" ).mouseover( function () {
|
||
$( this ).addClass( 'on' ).siblings().removeClass( 'on' );
|
||
var index = $( this ).index();
|
||
number = index;
|
||
$( '.regist-tab .content li' ).hide();
|
||
$( '.regist-tab .content li:eq(' + index + ')' ).show();
|
||
} );
|
||
|
||
var auto = 1; //等于1则自动切换，其他任意数字则不自动切换
|
||
if ( auto == 1 ) {
|
||
var number = 0;
|
||
var maxNumber = $( '.regist-tab .tab a' ).length;
|
||
|
||
function autotab() {
|
||
number++;
|
||
number == maxNumber ? number = 0 : number;
|
||
$( '.regist-tab .tab a:eq(' + number + ')' ).addClass( 'on' ).siblings().removeClass( 'on' );
|
||
$( '.regist-tab .content ul li:eq(' + number + ')' ).show().siblings().hide();
|
||
}
|
||
}
|
||
|
||
|
||
$( ".update_pwd" ).click( function () {
|
||
var telephone = $( "input[name = 'telephone']" ).val();
|
||
var captcha = $( "input[name = 'captcha']" ).val();
|
||
var password = $( "input[name = 'password']" ).val();
|
||
var re_password = $( "input[name = 're_password']" ).val();
|
||
|
||
var arg = /^1[3456789]\d{9}$/;
|
||
if (!arg.test(telephone))
|
||
{
|
||
var msg = '请检查手机号格式';
|
||
alert(msg);
|
||
return;
|
||
}
|
||
|
||
arg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,20}$/;
|
||
if (!arg.test(password))
|
||
{
|
||
var msg = '密码必须包含8-20个字符,且包含数字和字母';
|
||
alert(msg);
|
||
return;
|
||
}
|
||
if (password != re_password)
|
||
{
|
||
var msg = '两次密码不一致';
|
||
alert(msg);
|
||
return;
|
||
}
|
||
|
||
$.ajax( {
|
||
url: '__ORICOROOT__/customer/update_forget_pwd.html',
|
||
type: 'post',
|
||
data: {
|
||
telephone: telephone,
|
||
captcha: captcha,
|
||
password: password,
|
||
},
|
||
dataType: 'json',
|
||
success: function ( res ) {
|
||
if ( res.code == 200 ) {
|
||
alert('修改密码成功')
|
||
window.location.href = "__ORICOROOT__/customer/personal.html";
|
||
}
|
||
else
|
||
{
|
||
alert(res.msg);
|
||
}
|
||
}
|
||
} );
|
||
} );
|
||
|
||
|
||
} );
|
||
</script>
|
||
|
||
<!--底部-->
|
||
{include file="include/bottom" /}
|
||
|
||
</div>
|
||
<script type="text/javascript">
|
||
var InterValObj; //timer变量，控制时间
|
||
var curCount; //当前剩余秒数
|
||
$(function() {
|
||
$("a.yanzhengma").click(function(event) {
|
||
event.preventDefault();
|
||
//$img = $("#authcode");
|
||
$("#yanzhengma").attr("src", "<?php echo url('index/authcode/verify', ['id' => 'yanzhengma']); ?>" + "?" + Math.random());
|
||
});
|
||
$('#register-form').bind('submit', function(event) {
|
||
var nameObj = document.getElementById('firstname');
|
||
if (isNull(nameObj.value) || nameObj.value.length < 2 || nameObj.value.length > 20) {
|
||
alert('用户名必须在2-20个字符之间');
|
||
nameObj.focus();
|
||
return false;
|
||
}
|
||
var telephoneObj = document.getElementById('telephone');
|
||
if (isNull(telephoneObj.value) || !isTelephone(telephoneObj.value)) {
|
||
alert('手机号码格式不正确');
|
||
telephoneObj.focus();
|
||
return false;
|
||
}
|
||
var passwordObj = document.getElementById('password');
|
||
if (isNull(passwordObj.value) || passwordObj.value.length < 6) {
|
||
alert('密码必须包含8-20个字符,且包含数字和字母');
|
||
passwordObj.focus();
|
||
return false;
|
||
}
|
||
var repasswordObj = document.getElementById('repassword');
|
||
if (isNull(repasswordObj.value)) {
|
||
alert('请确认您的密码');
|
||
repasswordObj.focus();
|
||
return false;
|
||
}
|
||
if (repasswordObj.value !== passwordObj.value) {
|
||
repasswordObj.focus();
|
||
alert('两次密码不一致');
|
||
return false;
|
||
}
|
||
var emailObj = document.getElementById('email');
|
||
if (!validEmail(emailObj.value)) {
|
||
alert('电子邮箱格式不正确');
|
||
emailObj.focus();
|
||
return false;
|
||
}
|
||
var codeObj = document.getElementById('code');
|
||
if (isNull(codeObj.value)) {
|
||
alert('短信验证码不能为空');
|
||
codeObj.focus();
|
||
return false;
|
||
}
|
||
var options = {
|
||
type: "post",
|
||
cache: false,
|
||
dataType: "json",
|
||
data: $(this).serialize(),
|
||
success: function(data) {
|
||
if (data.code) {
|
||
//alert(data.msg);
|
||
location.href = data.url;
|
||
} else {
|
||
alert(data.msg);
|
||
}
|
||
},
|
||
complete: function() {
|
||
$("a.yanzhengma").click();
|
||
}
|
||
};
|
||
$.ajax(options);
|
||
return false;
|
||
});
|
||
$("a#submit-btn").click(function(event) {
|
||
event.preventDefault();
|
||
$('#register-form').submit();
|
||
});
|
||
$("a#nbtn").click(function(event) {
|
||
event.preventDefault();
|
||
var telephoneObj = document.getElementById('telephone');
|
||
if (isNull(telephoneObj.value) || !isTelephone(telephoneObj.value)) {
|
||
alert('手机号码格式不正确');
|
||
telephoneObj.focus();
|
||
return false;
|
||
}
|
||
if (InterValObj) {
|
||
return false;
|
||
}
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: '<?php echo url('__ORICOROOT__/customer/sendsms'); ?>',
|
||
data: {telephone: telephoneObj.value},
|
||
dataType: 'json',
|
||
success: function(data) {
|
||
if (data.code) {
|
||
//设置button效果，开始计时
|
||
curCount = 60;
|
||
$("a#nbtn").css("background-color", "transparent");
|
||
$("a#nbtn").attr("disabled", "true");
|
||
$("a#nbtn").html("<button>重新发送" + curCount + "秒</button>");
|
||
//alert("验证码发送成功，请查收!");
|
||
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
|
||
//alert(data.msg);
|
||
} else {
|
||
alert(data.msg);
|
||
}
|
||
}
|
||
});
|
||
});
|
||
});
|
||
function SetRemainTime() {
|
||
if (curCount < 1) {
|
||
window.clearInterval(InterValObj); //停止计时器
|
||
InterValObj = null;
|
||
$("a#nbtn").removeAttr("disabled"); //启用按钮
|
||
$("a#nbtn").css("background-color", "");
|
||
$("a#nbtn").html("<button>重新发送</button>");
|
||
} else {
|
||
curCount--;
|
||
$("a#nbtn").html("<button>重新发送" + curCount + "秒</button>");
|
||
}
|
||
}
|
||
function isNull(data) {
|
||
return (data == "" || data == undefined || data == null) ? true : false;
|
||
}
|
||
function trim(str) {
|
||
return str.replace(/(^\s*)|(\s*$)/g, '');
|
||
}
|
||
function isTelephone(value) {
|
||
var isMobile = /^1[345789]\d{9}$/;
|
||
return isMobile.test(value);
|
||
}
|
||
function validEmail(email) {
|
||
//对电子邮件的验证
|
||
var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
|
||
return reg.test(email);
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
|
||
</html>
|