聯(lián)系官方銷售客服
1835022288
028-61286886
獲取手機(jī)驗(yàn)證碼 需要先驗(yàn)證滑塊
后臺(tái)設(shè)置
前端代碼（任意位置）
<form action="" class="form-horizontal form" method="post" name="myform" id="myform2">
{dr_form_hidden()}
<div class="form-body">
<div class="form-group " id="dr_row_phone">
<label class="col-md-2 control-label">手機(jī)號(hào)</label>
<div class="col-md-10">
<label><input type="text" class="form-control input-large" name="data[phone]" id="dr_phone"></label>
</div>
</div>
<div class="form-group" id="dr_row_sms">
<label class="col-md-2 control-label">短信驗(yàn)證</label>
<div class="col-md-10">
<div class="input-group input-large">
<input class="form-control placeholder-no-fix" type="text" autocomplete="off" id="dr_sms" name="sms">
<div class="input-group-btn">
<button class="btn blue" id="btn" type="button">獲取手機(jī)驗(yàn)證碼</button>
</div>
</div>
</div>
</div>
<script src="https://apps.bdimg.com/libs/jquery/1.9.1/jquery.js"></script>
<script src="https://static.geetest.com/v4/gt4.js"></script>
<div id="captcha"></div>
<script>
initGeetest4({
captchaId: "{dr_geetest('xzyz', 2)}", //*對(duì)應(yīng)的極驗(yàn)ID*
product: 'bind', //* 極驗(yàn)代碼類型，可自行更改
language: "zho", //*驗(yàn)證碼語言 zho 指的是中文
}, function(gt) {
window.gt = gt;
gt.appendTo("#captcha").onSuccess(function(e) {
//對(duì)應(yīng)上方id=captcha 的div控件
var result = gt.getValidate();
//提示語樣式
var index = layer.load(2, {
shade: [0.3, '#fff'], //0.1透明度的白色背景
time: 100000000
});
$.ajax({
url: '/index.php?s=geetest&c=api&m=login_code&id='+$('#dr_phone').val()+'&cname={dr_geetest('xzyz', 0)}',
//*插件提交頁面，需要后臺(tái)對(duì)應(yīng)的極驗(yàn)的別名，用來獲取對(duì)應(yīng)id及key*
data: result,
type: 'get',
dataType: 'json',
success: function(json) {
layer.close(index);
if (json.code == 0) {
if (json.data.field) {
$('#dr_row_' + json.data.field).addClass('has-error');
$('#dr_' + json.data.field).focus();
}
}
dr_cmf_tips(json.code, json.msg, json.data.time);
if (json.data.url) {
setTimeout("window.location.href = '" + json.data.url + "'", 2000);
}
},
//錯(cuò)誤提示
error: function(HttpRequest, ajaxOptions, thrownError) {
dr_ajax_alert_error(HttpRequest, this, thrownError);
}
})
})
$("#btn").click(function() {
gt.showCaptcha();
})
});
</script>
<div class="form-actions" style="margin-top:30px">
<label class="col-md-2 control-label"></label>
<div class="col-md-10" style="padding-left:5px;">
<label><button type="button" class="btn red" onclick="dr_ajax_member('/index.php?s=member&c=login&m=sms', 'myform2');"> 登錄</button></label>
<label class="rememberme mt-checkbox mt-checkbox-outline">
<input type="checkbox" name="remember" value="1"> 記住登錄
<span></span>
</label>
</div>
</div>
</div>
</form>演示圖，
