{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>