Files
littleTiger/template/pc/rainbow/user/login.html
2019-03-01 17:32:10 +08:00

184 lines
7.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录-{$tpshop_config['shop_info_store_title']}</title>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/tpshop.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/css/base.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/myaccount.css" />
<script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__PUBLIC__/static/js/layer/layer.js" type="text/javascript"></script>
<link rel="shortcut icon" type="image/x-icon" href="{$tpshop_config.shop_info_store_ico|default='/public/static/images/logo/storeico_default.png'}" media="screen"/>
</head>
<body>
<div class="loginsum_cm">
<div class="w1224 p">
<div class="login-dl">
<a href="/index.php" title="首页">
<img src="/public/static/images/xiaohuzhi.png"/>
</a>
</div>
<div class="login-welcome">
<span>欢迎登录</span>
</div>
</div>
</div>
<div class="loginsum_main" style="background: #0baad4;">
<div class="w1224 p">
<div class="advertisement">
<adv pid="11" item="v" key="k">
<a href="{$v[ad_link]}">
<img src="/public/static/images/xihuzi.png" title="{$v[title]}" style="{$v[style]}"/>
</a>
</adv>
</div>
<div class="login_form">
<div class="lo_intext">
<div class="layel1">
<span>账户登录</span>
</div>
<form id="loginform" method="post">
<div class="layel2">
<div class="text_uspa">
<label class="judgp uspa_user"></label>
<input type="text" autofocus="autofocus" class="text_cmu" value="" placeholder="手机号/邮箱" name="username" id="username" autocomplete="off">
</div>
<div class="text_uspa">
<label class="judgp uspa_pwd"></label>
<input type="password" class="text_cmu" value="" placeholder="密码" name="password" id="password" autocomplete="off">
</div>
<div class="text_uspa check_cum">
<input type="text" class="text_cmu" value="" placeholder="验证码" name="verify_code" id="verify_code" autocomplete="off">
</div>
<div class="check_cum_img">
<img src="/index.php?m=Home&c=User&a=verify" id="verify_code_img" onclick="verify()"/>
</div>
<div class="sum_reme_for p">
<div class="autplog">
<!--<label>-->
<!--<input type="hidden" name="referurl" id="referurl" value="{$referurl}">-->
<!--<input type="checkbox" class="u-ckb J-auto-rmb" name="autologin" value="1">自动登录-->
<!--</label>--><!--功能没实现-->
</div>
<div class="foget_pwt">
<!-- <span style="color:#F00;">测试号:13800138006 密码 123456</span> -->
<a href="{:U('Home/User/forget_pwd')}">忘记密码?</a>
</div>
</div>
<div class="login_bnt">
<a href="javascript:void(0);" onClick="checkSubmit();" class="J-login-submit" name="sbtbutton">&nbsp;&nbsp;&nbsp;&nbsp;</a>
</div>
</div>
</form>
<div class="layel3">
<div class="contactsty">
<div class="register_c">
<a class="justclix" href="{:U('Home/User/reg')}">
<i class="judgp co_register"></i>
<span>立即注册</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--footer-s-->
<include file="public/footer" />
<!--footer-e-->
<script type="text/javascript">
$(function(){
$('.text_cmu').focus(function(){
//焦点获取
$(this).parents('.text_uspa').addClass('text_uspa_focus');
})
$('.text_cmu').blur(function(){
//失去焦点
$(this).parents('.text_uspa').removeClass('text_uspa_focus');
})
})
function checkSubmit()
{
var username = $.trim($('#username').val());
var password = $.trim($('#password').val());
var referurl = $('#referurl').val();
var verify_code = $.trim($('#verify_code').val());
if(username == ''){
showErrorMsg('用户名不能为空!');
return false;
}
if(!checkMobile(username) && !checkEmail(username)){
showErrorMsg('账号格式不匹配!');
return false;
}
if(password == ''){
showErrorMsg('密码不能为空!');
return false;
}
if(verify_code == ''){
showErrorMsg('验证码不能为空!');
return false;
}
$.ajax({
type : 'post',
url : '/index.php?m=Home&c=User&a=do_login&t='+Math.random(),
data : $('#loginform').serialize(),
dataType : 'json',
success : function(res){
if(res.status == 1){
window.location.href = res.url;
}else{
showErrorMsg(res.msg);
verify();
}
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
showErrorMsg('网络失败,请刷新页面后重试');
}
})
}
function checkMobile(tel) {
// var reg = /(^1[3|4|5|7|8][0-9]{9}$)/;
var reg = /^1[0-9]{10}$/;
if (reg.test(tel)) {
return true;
}else{
return false;
};
}
function checkEmail(str){
var reg = /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(reg.test(str)){
return true;
}else{
return false;
}
}
function showErrorMsg(msg){
layer.alert(msg, {icon: 2});
// $('.msg-err').show();
// $('.J-errorMsg').html(msg);
}
function verify(){
$('#verify_code_img').attr('src','/index.php?m=Home&c=User&a=verify&r='+Math.random());
}
//回车提交
$(document).keyup(function(event){
if(event.keyCode ==13){
var isFocus=$("#verify_code").is(":focus");
if(true==isFocus){
checkSubmit();
}
}
});
</script>
</body>
</html>