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.

211 lines
9.6 KiB
HTML

5 years ago
<extend name="Public/base" />
<block name="body" >
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
<script src="__STATIC__/layer/extend/layer.ext.js" type="text/javascript"></script>
<div id="main">
<div class="wrap">
<div class="login_bg">
<div class="login_top_bg"></div>
</div>
<div id="loginer" class="clearfix">
<div class="main">
<p class="title">登 录</p>
<form>
<dl id="form" class="form">
<!--<dd class="s_login"><img src="http://static.65.com/login/images/s.gif" alt="登录成功,正在跳转"><p>登录成功,正在跳转...</p></dd>-->
<dd id="login_tip" style="height:30px; line-height:30px; margin-bottom:0px; text-align:center; color:#ff8400; font-size:12px; font-family:&#39;宋体&#39;;"></dd>
<dd class="input">
<div>
<input type="text" placeholder="帐号" name="account" id="username" value="{$cookie.account}" class="text" status="n">
</div>
<div>
<input type="password" placeholder="密码" name="password" id="password" class="text" status="n" value="">
</div>
</dd>
<dd class="clearfixed" id="codewrap" style="display:block;">
<p class="code">
<input type="text" placeholder="验证码" name="yzm" class="text text-short" id="code" status="n">
</p>
<p class="log-verify-ico"><img title="点击换一张" class="log-verify-img" width="108px" height="38px" src="{:U('Member/verify')}" alt="验证码" ></p>
</dd>
<dd style="padding-left:10px;padding-top:10px;"> <span id="rem" class="rem w_keep_password w_keep_pasw_check"></span>
<input type="hidden" id="remuser" name="remuser" value="1">
<label class="rem">记住用户名</label>
<a style="margin-left:85px;" class="form-forget" href="{:U('Member/findpwd')}">忘记密码?</a> </dd>
<dd class="btn-log-wrap">
<a id="tj-log" title="立即登录" class="btn btnlog">立即登录</a>
<a href="{:U('register')}" id="btn-reg" class="btn btnreg">免费注册</a>
</dd>
<dd class="third-log">
<span>请使用以下账号快速登录:</span>
<div class="third-log-list">
<if condition="C('qq_login.status') == 1">
<a href="javascript:;" class="jsthird" data-type="qq"><img src="__IMG__/third/qq.png"></a>
</if>
<if condition="C('weixin_login.status') == 1">
<a href="javascript:;" class="jsthird" data-type="weixin"><img src="__IMG__/third/weixin.png"></a>
</if>
</div>
</dd>
</dl>
</form>
<script>
var UURL = '{:U("Member/thirdlogin")}';
$('.jsthird').on('click',function() {
var that = $(this),type = that.attr('data-type');
var url = UURL.replace(/\.htm[l]/g,'');
window.location.href=url+'/type/'+type;
});
$(".log-verify-img").click(function(){
var e = (new Date).getTime();
codeurl="__MODULE__/Member/verify/t/";
$(this).attr('src', codeurl + e);
});
$("#rem").click(function(){
$('#rem').toggleClass('w_keep_pasw_check');
if($("#rem").hasClass("w_keep_pasw_check")){
$("#remuser").val('1');
}else{
$("#remuser").val('0');
}
});
$("#username").focus(function(){
$('.input').addClass('input2');
});
$("#username").blur(function(){
$('.input').removeClass('input2');
});
$("#password").blur(function(){
$('.input').removeClass('input2');
});
$("#password").focus(function(){
$('.input').addClass('input2');
});
$("#code").blur(function(){
$('.code').removeClass('code2');
});
$("#code").focus(function(){
$('.code').addClass('code2');
});
$('#tj-log').click(function(){
data=$('form').serialize();
url = "{:U('Member/login')}";
$.ajax({
type: 'POST',
url: url ,
data: data ,
success: function(data){
if(data.status==-1000){
layer.tips(data.msg
, '#username', {
tips: [1, 'red'],time: 1000
});
$(".log-verify-img").click();
}
if(data.status==-1){
layer.tips(data.msg
, '#username', {
tips: [1, 'red'],time: 1000
});
$(".log-verify-img").click();
}
if(data.status==-2){
layer.tips(data.msg
, '#password', {
tips: [1, 'red'],time: 1000
});
$(".log-verify-img").click();
}
if(data.status==-3){
layer.tips(data.msg
, '#code', {
tips: [1, 'red'],time: 1000
});
$(".log-verify-img").click();
}
if(data.status==-1001){
layer.tips(data.msg
, '#username', {
tips: [1, 'red'],time: 1000
});
$(".log-verify-img").click();
}
if(data.status==-1002){
layer.tips(data.msg
, '#password', {
tips: [1, 'red'],time: 1000
});
$(".log-verify-img").click();
}
if(data.status==-1003){
if(data.code==-10031){
$(".log-verify-img").click();
}
layer.tips(data.msg
, '#code', {
tips: [1, 'red'],time: 1000
})
$(".log-verify-img").click();
}
if(data.status==-1004){
if(data.code==-10041){
layer.msg(data.msg, {icon: 2,})
}else{
layer.prompt({
title: '动态密码'
}, function (value, index, elem) {
account=$('#username').val();
password=$('#password').val();
$.ajax({
type: 'POST',
async: true,
dataType: 'json',
url: UURL + 'login',
data:{account:account,password:password,code:value},
success:function(res){
if(res.code==-10041){
layer.msg(res.msg, {icon: 2,})
}else{
window.location.href="{:U('users_index')}";
}
}
});
layer.close(index);
});
}
}
if(data.status==1000){
layer.msg(data.msg, {icon: 1,});
window.location.href="{:U('users_index')}";
}
if(data.status==-500){
layer.msg("服务器故障!", {icon: 2,})
}
},
error:function(){
layer.msg("服务器故障!", {icon: 2,})
},
complete:function(){
$(".loading").attr('style','display:none');
}
});
});
</script>
</div>
</div>
</div>
<div class="page-bg" id="page_bg" style="background:url(__IMG__/hdp1.jpg) no-repeat center center;background:#f0f0f0">
<div id="slides">
<!--<a class="pre" href="javascript:"></a>
<a class="next" href="javascript:"></a>-->
</div>
</div>
</div>
</block>