init
This commit is contained in:
293
app/mobile/view/customer/forgetpwd.phtml
Executable file
293
app/mobile/view/customer/forgetpwd.phtml
Executable file
@@ -0,0 +1,293 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user