mirror of
https://gitee.com/koogua/course-tencent-cloud.git
synced 2025-06-17 07:45:29 +08:00
99 lines
3.8 KiB
Plaintext
99 lines
3.8 KiB
Plaintext
<form class="layui-form kg-form" method="POST" action="{{ url({'for':'admin.config.captcha'}) }}">
|
|
|
|
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>验证码配置</legend>
|
|
</fieldset>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">App Id</label>
|
|
<div class="layui-input-block">
|
|
<input class="layui-input" type="text" name="app_id" value="{{ captcha.app_id }}" layui-verify="required">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">Secret Key</label>
|
|
<div class="layui-input-block">
|
|
<input class="layui-input" type="text" name="secret_key" value="{{ captcha.secret_key }}" layui-verify="required">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"></label>
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit="true" lay-filter="go">提交</button>
|
|
<button type="button" class="kg-back layui-btn layui-btn-primary">返回</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<form class="layui-form kg-form" method="POST" action="{{ url({'for':'admin.test.captcha'}) }}">
|
|
|
|
<fieldset class="layui-elem-field layui-field-title">
|
|
<legend>验证码测试</legend>
|
|
</fieldset>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><i class="layui-icon layui-icon-vercode"></i></label>
|
|
<div class="layui-input-inline" style="width:200px;">
|
|
<span id="captcha-btn" class="layui-btn layui-btn-primary layui-btn-fluid">前台验证</span>
|
|
<span id="frontend-verify-tips" class="kg-btn-verify layui-btn layui-btn-primary layui-btn-fluid layui-btn-disabled layui-hide"><i class="layui-icon layui-icon-ok"></i>前台验证成功</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><i class="layui-icon layui-icon-vercode"></i></label>
|
|
<div class="layui-input-inline" style="width:200px;">
|
|
<span id="verify-submit-btn" class="layui-btn layui-btn-primary layui-btn-fluid" disabled="true" lay-submit="true" lay-filter="backend-verify">后台验证</span>
|
|
<span id="backend-verify-tips" class="kg-btn-verify layui-btn layui-btn-primary layui-btn-fluid layui-btn-disabled layui-hide"><i class="layui-icon layui-icon-ok"></i>后台验证成功</span>
|
|
<input type="hidden" name="ticket">
|
|
<input type="hidden" name="rand">
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<script src="https://ssl.captcha.qq.com/TCaptcha.js"></script>
|
|
|
|
<script>
|
|
|
|
layui.use(['jquery', 'form', 'layer'], function () {
|
|
|
|
var $ = layui.jquery;
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
|
|
var captcha = new TencentCaptcha(
|
|
$('#captcha-btn')[0],
|
|
$('input[name=app_id]').val(),
|
|
function (res) {
|
|
$('input[name=ticket]').val(res.ticket);
|
|
$('input[name=rand]').val(res.randstr);
|
|
$('#captcha-btn').remove();
|
|
$('#verify-submit-btn').removeAttr('disabled');
|
|
$('#frontend-verify-tips').removeClass('layui-hide');
|
|
}
|
|
);
|
|
|
|
form.on('submit(backend-verify)', function (data) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: data.form.action,
|
|
data: data.field,
|
|
success: function (res) {
|
|
$('#verify-submit-btn').remove();
|
|
$('#backend-verify-tips').removeClass('layui-hide');
|
|
layer.msg(res.msg, {icon: 1});
|
|
},
|
|
error: function (xhr) {
|
|
var json = JSON.parse(xhr.responseText);
|
|
layer.msg(json.msg, {icon: 2});
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
});
|
|
|
|
</script> |