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.
114 lines
4.1 KiB
114 lines
4.1 KiB
{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('runforgot_pwd')}" method="post">
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label">手机号:</label>
|
|
<div class="col-xs-8" style="padding-left:0px;">
|
|
<input type="text" class="form-control" name="member_list_tel" placeholder="手机号" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label"> </label>
|
|
<div class="col-xs-8">
|
|
<div id="fogCaptcha" 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"> </label>
|
|
<div class="col-xs-8">
|
|
<input type="text" class="form-control" name="verify" placeholder="验证码(600s有效)" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-xs-3 control-label"> </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>
|
|
</div>
|
|
<!--手机注册page结束-->
|
|
<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('fogCaptcha'),'2002258607',
|
|
function(res){ /* callback */
|
|
if(res.ret === 0){
|
|
var url="{:url('register/sendRegisterSms',['check'=>1,'smstype'=>'forget'])}";
|
|
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=$("#fogCaptcha");
|
|
$.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,tool.tipError);
|
|
<!--注册结束-->
|
|
</script>
|