{layout name="public/layout" /}
<style>
.disable {
    pointer-events: none;
}
</style>
<div id="login">
    <img src="{$yf_theme_path}/public/img/logbg.jpg" width="100%"/>
    <div class="wraper">
			<form id="regForm" class="form-horizontal" action="{:url('Register/runregister')}" method="post">
			        <div class="form-group">
			          <label  class="col-xs-3 control-label">手机号:</label>
			          <div class="col-xs-8">
			            <input type="text" class="form-control" name="member_list_tel" placeholder="手机号">
			          </div>
			        </div>
			        <div class="form-group">
			          <label  class="col-xs-3 control-label">&nbsp;</label>
			          <div class="col-xs-8">
			            
			           <div id="regCaptcha"  type="button" class="btn btn-danger" style="width:100%;cursor:pointer;text-align:center;">验证</div>
			          </div>
			        </div>
			         <div class="form-group">
			          <label  class="col-xs-3 control-label">&nbsp;</label>
			          <div class="col-xs-8">
			            <input type="text" class="form-control" name="verify" placeholder="验证码(600s有效)">
			          </div>
			        </div>
			        <div class="form-group">
			          <label  class="col-xs-3 control-label">密&nbsp;码:</label>
			          <div class="col-xs-8">
			            <input type="password" class="form-control" name="password" id="password" placeholder="请输入密码">
			          </div>
			        </div>
			        <div class="form-group">
			          <label  class="col-xs-3 control-label">确认密码:</label>
			          <div class="col-xs-8">
			            <input type="password" class="form-control" name="repassword" placeholder="请输入确认密码">
			          </div>
			        </div>
			        <div class="form-group">
			          <label  class="col-xs-3 control-label">&nbsp;</label>
			          <div class="col-xs-8">
			            <button type="submit" class="btn btn-danger" style="width:100%;">注册</button>
			          </div>
			        </div>
			        <div class="form-group">
			          <div class="col-xs-offset-3 col-xs-8">
			            <div class="checkbox">
			              <label>
			                已有帐号？<a href="{:url('index')}">立即登录</a>
			              </label>
			            </div>
			          </div>
			        </div>
			      </form>
	   </div>		      
      <!--手机注册page结束-->
</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('regCaptcha'),'2002258607',
		function(res){ /* callback */
			if(res.ret === 0){
				var url="{:url('register/sendRegisterSms')}";
		        var account = $("#regForm input[name='member_list_tel']");
		        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=$("#regCaptcha");
		        $.post(url,{ticket:res.ticket,randstr:res.randstr,mobile:account.val()},function(res){
		        	if(res.code==1){
		 		         obj.addClass('disabled');
			        	 var numts=600;
                         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("验证失败");
			}
 },{});
 <!--注册开始-->
var rules={
		   "member_list_tel":"required",
		   "password":"required",
		   "repassword":{
			   equalTo:"#password"
		   },
		   "verify":"required",
  };
  var messages={
		   "password":"密码必填",
		   "repassword":{
			   equalTo:"密码与确认密码不一致"
		   },
		   "verify":"验证码必填",
		   "member_list_tel":{
			     "required":"手机号码必填",
			     "isMobile":"请正确填写手机号码"
		       }
  };
  tool.commonForm("#regForm",rules,messages);
        <!--注册结束-->
</script>