You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
3.8 KiB
89 lines
3.8 KiB
{layout name="public/layout" /}
|
|
<div id="login">
|
|
<img src="{$yf_theme_path}/public/img/logbg.jpg" width="100%"/>
|
|
<div class="wraper">
|
|
<form id="logForm" class="" action="{:url('Login/runlogin')}" method="post">
|
|
<div class="form-group">
|
|
<label >手机号</label>
|
|
<input type="text" class="form-control" name="member_list_username" placeholder="请输入手机号" autocomplete="off">
|
|
</div>
|
|
<div class="form-group" style="background:none;">
|
|
<div id="logCaptcha" type="button" class="btn btn-danger" style="width:100%;cursor:pointer;text-align:center;">短信验证</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="form-control">
|
|
<input type="text" class="form-control" name="verify" placeholder="验证码(600s有效)" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-danger" style="width:100%;margin-top:5%;">登录</button>
|
|
<input type="hidden" name="openid" value="{$openid}">
|
|
<input type="hidden" name="jump" value="{$jump}">
|
|
<div class="checkbox text-right">
|
|
<label><a href="{:url('index2')}">密码登录</a></label>
|
|
<label><a href="{:url('common/join')}">加入我们</a></label>
|
|
<label>
|
|
<a href="{:url('forget')}">找回密码</a>
|
|
</label>
|
|
</div>
|
|
<p>会员可直接通过预留手机登录，如需帮助可拨打0755-88266839咨询。</p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<script src="{$yf_theme_path}public/js/jquery.form.js"></script>
|
|
<script src="{$yf_theme_path}public/js/jquery.validate.min.js"></script>
|
|
<script src="{$yf_theme_path}public/js/layer/layer.js"></script>
|
|
<script src="{$yf_theme_path}public/js/base.js"></script>
|
|
<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
|
|
<script>
|
|
new TencentCaptcha(document.getElementById('logCaptcha'),'2076547321',
|
|
function(res){ /* callback */
|
|
if(res.ret === 0){
|
|
var url="{:url('login/sendSms')}";
|
|
var account = $("#logForm input[name='member_list_username']");
|
|
if(!account.val()){
|
|
account.focus();
|
|
return false;
|
|
}else if(!(/^1[3456789]\d{9}$/.test(account.val()))){
|
|
layer.alert('手机号格式不正确', {icon: 5}, function (index) {
|
|
layer.close(index);
|
|
account.focus();
|
|
});
|
|
return false;
|
|
}
|
|
var obj=$("#logCaptcha");
|
|
$.post(url,{ticket:res.ticket,randstr:res.randstr,mobile:account.val()},function(res){
|
|
if(res.code==1){
|
|
obj.addClass('disabled');
|
|
var numts=60;
|
|
obj.html("再获取："+numts+"秒");
|
|
var codets=setInterval(function(){
|
|
numts--;
|
|
obj.html("再获取："+numts+"秒");
|
|
if(numts==0){
|
|
obj.html("发送验证");
|
|
clearInterval(codets);
|
|
obj.removeClass('disabled');
|
|
}
|
|
},1000);
|
|
}
|
|
layer.msg(res.msg);
|
|
});
|
|
}else{
|
|
layer.msg("验证失败");
|
|
}
|
|
},{});
|
|
$(function(){
|
|
var rules={
|
|
"member_list_username":"required",
|
|
"verify":"required",
|
|
};
|
|
var messages={
|
|
"verify":"验证码必填",
|
|
"member_list_username":{
|
|
"required":"手机号码必填",
|
|
"isMobile":"请正确填写手机号码"
|
|
}
|
|
};
|
|
tool.commonForm("#logForm",rules,messages,tool.tipError);
|
|
});
|
|
</script>
|