<div id="signup-box" class="signup-box visible widget-box no-border">
<div class="widget-body">
<div class="widget-main">
<h4 class="header green lighter bigger">
<i class="ace-icon fa fa-users blue"></i>
用户注册
</h4>
<div class="space-6"></div>
<p>填写信息: </p>
<form>
<fieldset>
[#if gateways?? && gateways.size() > 0]
<label class="block clearfix">
<span class="block input-icon input-icon-right">
<select class="form-control" name="gatewayId" id="gatewayId">
<option value="">请选择门店</option>
[#list gateways as gateway]
<option value="${gateway.id}">${gateway.name}</option>
[/#list]
<select>
</span>
</label>
[#else]
<input type="hidden" class="form-control" id="gatewayId" name="gatewayId" value="${gatewayId}"/>
[/#if]
<label class="block clearfix">
<span class="block input-icon input-icon-right">
<input type="text" class="form-control" placeholder="姓名" id="username" maxlength=5/>
<input type="hidden" class="form-control" id="member" value="${id}"/>
</span>
</label>
<label class="block clearfix">
<span class="block input-icon input-icon-right">
<input type="text" class="form-control" placeholder="手机号码" id="mobile" maxlength=11/>
</span>
</label>
<label class="block clearfix">
<span class="block input-icon input-icon-right">
<input type="password" class=" width-50 pull-left form-control" placeholder="短信验证码" id="checkcode"/>
</span>
<button id="btnSendCode" class="btn width-45 pull-right btn btn-sm">获取短信验证码</button>
</label>
<div class="space-18"></div>
<div class="clearfix">
<button type="button" class="width-100 pull-left btn btn-sm btn-success" id="btnSumbit">
<span class="bigger-110">提交注册</span>
<i class="ace-icon fa fa-arrow-right icon-on-right"></i>
</button>
</div>
</fieldset>
</form>
<div class="space-6"></div>
<div class="center">
<p>快速注册页面二维码</p>
<img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="${qrcode}" class="img-responsive center-block" onclick="javascript:showimage('${qrcode}');" />
</div><script type="text/javascript">
// 验证手机号
function isPhoneNo(phone) {
var pattern = /^1[34578]\d{9}$/;
return pattern.test(phone);
}
jQuery(function($) {
$(document).on('click', '.toolbar a[data-target]', function(e) {
e.preventDefault();
var target = $(this).data('target');
$('.widget-box.visible').removeClass('visible');//hide others
$(target).addClass('visible');//show target
});
});
jQuery(function($) {
$('#btnSendCode').on('click', function(e) {
var mobile = $('#mobile').val();
if(mobile==""){
alert("手机号码不能空");
}else if(!isPhoneNo(mobile)){
alert("手机号码格式错误");
}else{
sendMessage();
}
e.preventDefault();
});
});
jQuery(function($) {
$('#btnSumbit').on('click', function(e) {
var username = $('#username').val();
var mobile = $('#mobile').val();
var checkcode = $('#checkcode').val();
if(username == ""){
alert("姓名不能为空");
}else if(mobile == ""){
alert("手机不能为空");
}else if(!isPhoneNo(mobile)){
alert("手机号码格式错误");
}else if(checkcode == ""){
alert("验证码不能为空");
}else{
$.ajax({
url : '${base}/rs/wechatCode/auto',
data : "{\"gatewayId\":\""+$('#gatewayId').val()+"\",\"memberId\":\""+$('#member').val()+"\",\"mobile\":\""+$('#mobile').val()+"\",\"username\":\""+$('#username').val()+"\",\"checkcode\":\""+$('#checkcode').val()+"\"}",
type : 'post',
cache : false,
dataType : 'json',
success : function(data) {
if(data.status.succeed == 1){
alert("注册成功!");
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").removeAttr("disabled");//启用按钮
$("#btnSendCode").html("获取短信验证码");
$('#username').val("");
$('#mobile').val("");
$('#checkcode').val("");
$('#gatewayId').val("");
}else{
alert(data.status.error_desc);
}
},
error : function() {
alert("异常！");
}
});
e.preventDefault();
}
});
});
var InterValObj; //timer变量，控制时间
var count = 60; //间隔函数，1秒执行
var curCount;//当前剩余秒数
function sendMessage() { curCount = count;
//设置button效果，开始计时
$("#btnSendCode").attr("disabled", "true");
$("#btnSendCode").html("等待" + curCount + "秒重新发送");
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
//向后台发送处理数据
$.ajax({
url : '${base}/rs/wechatCode/checkcode',
data : "{\"mobile\":\""+$('#mobile').val()+"\"}",
type : 'post',
cache : false,
dataType : 'json',
success : function(data) {
if(data.status.succeed == 1){
alert("短信验证码发送成功");
}else{
alert(data.status.error_desc);
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").removeAttr("disabled");//启用按钮
$("#btnSendCode").html("重新发送验证码");
}
},
error : function() {
alert("异常！");
}
});
}
//timer处理函数
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").removeAttr("disabled");//启用按钮
$("#btnSendCode").html("重新发送验证码");
}else {
curCount--;
$("#btnSendCode").html("等待" + curCount + "秒重新发送");
}
}
</script>點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí)，寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃，即可進(jìn)行掃碼打賞哦