346 lines
14 KiB
PHTML
Executable File
346 lines
14 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">
|
||
<ul>
|
||
<!-- <li style="display: none;"> -->
|
||
<li>
|
||
<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>
|
||
</div>
|
||
<!--<div class="regist-form"><input type="checkbox"> 我已阅读并同意《网站服务条款》</div>-->
|
||
<div class="margin-top-90 login-btn margin-bottom-90 overflow-h">
|
||
<button class="login" onclick="login()">立即登录</button>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</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();
|
||
}
|
||
}
|
||
} );
|
||
</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 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;
|
||
});
|
||
$("#submit-btn").click(function(event) {
|
||
event.preventDefault();
|
||
$('#register-form').submit();
|
||
});
|
||
$("#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, register: 1},
|
||
data:data,
|
||
dataType: 'json',
|
||
success: function(data) {
|
||
if (data.code > 0) {
|
||
//设置button效果，开始计时
|
||
curCount = 60;
|
||
$("#nbtn").css("background-color", "transparent");
|
||
$("#nbtn").attr("disabled", "true");
|
||
$("#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;
|
||
$("#nbtn").removeAttr("disabled"); //启用按钮
|
||
$("#nbtn").css("background-color", "");
|
||
$("#nbtn").html("<button>重新发送</button>");
|
||
} else {
|
||
curCount--;
|
||
$("#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);
|
||
}*/
|
||
|
||
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 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 == 200) {
|
||
//设置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>
|
||
|
||
</script>
|
||
</body>
|
||
</html>
|
||
<script type="text/javascript">
|
||
function login()
|
||
{
|
||
var telephone = $("#telephone").val();
|
||
var captcha = $("#captcha").val();
|
||
|
||
data = {
|
||
telephone: telephone,
|
||
captcha: captcha
|
||
};
|
||
|
||
$.ajax({
|
||
url: '/mobile/customer/new_login.html',
|
||
type: 'post',
|
||
dataType: 'json',
|
||
data: data,
|
||
success: function(res) {
|
||
if (res.code == 200)
|
||
{
|
||
location.href = '__ORICOROOT__/customer/personal.html';
|
||
}
|
||
if (res.code < 0)
|
||
{
|
||
alert(res.msg);
|
||
}
|
||
}
|
||
|
||
});
|
||
|
||
};
|
||
</script>
|