91 lines
3.5 KiB
JavaScript
91 lines
3.5 KiB
JavaScript
require.config({
|
||
paths: {
|
||
'clicaptcha': '../addons/clicaptcha/js/clicaptcha'
|
||
},
|
||
shim: {
|
||
'clicaptcha': {
|
||
deps: [
|
||
'jquery',
|
||
'css!../addons/clicaptcha/css/clicaptcha.css'
|
||
],
|
||
exports: '$.fn.clicaptcha'
|
||
}
|
||
}
|
||
});
|
||
|
||
require(['form'], function (Form) {
|
||
window.clicaptcha = function (captcha) {
|
||
require(['clicaptcha'], function (undefined) {
|
||
captcha = captcha ? captcha : $("input[name=captcha]");
|
||
if (captcha.length > 0) {
|
||
var form = captcha.closest("form");
|
||
var parentDom = captcha.parent();
|
||
// 非文本验证码
|
||
if ($("a[data-event][data-url]", parentDom).length > 0) {
|
||
return;
|
||
}
|
||
if (captcha.parentsUntil(form, "div.form-group").length > 0) {
|
||
captcha.parentsUntil(form, "div.form-group").addClass("hidden");
|
||
} else if (parentDom.is("div.input-group")) {
|
||
parentDom.addClass("hidden");
|
||
}
|
||
captcha.attr("data-rule", "required");
|
||
// 验证失败时进行操作
|
||
captcha.on('invalid.field', function (e, result, me) {
|
||
//必须删除errors对象中的数据，否则会出现Layer的Tip
|
||
delete me.errors['captcha'];
|
||
captcha.clicaptcha({
|
||
src: '/addons/clicaptcha/index/start',
|
||
success_tip: '验证成功！',
|
||
error_tip: '未点中正确区域，请重试！',
|
||
callback: function (captchainfo) {
|
||
form.trigger("submit");
|
||
return false;
|
||
}
|
||
});
|
||
});
|
||
// 监听表单错误事件
|
||
form.on("error.form", function (e, data) {
|
||
captcha.val('');
|
||
});
|
||
}
|
||
});
|
||
};
|
||
// clicaptcha($("input[name=captcha]"));
|
||
|
||
if (typeof Frontend !== 'undefined') {
|
||
Frontend.api.preparecaptcha = function (btn, type, data) {
|
||
require(['form'], function (Form) {
|
||
$("#clicaptchacontainer").remove();
|
||
$("<div />").attr("id", "clicaptchacontainer").addClass("hidden").html(Template("captchatpl", {})).appendTo("body");
|
||
var form = $("#clicaptchacontainer form");
|
||
form.data("validator-options", {
|
||
valid: function (ret) {
|
||
data.captcha = $("input[name=captcha]", form).val();
|
||
Frontend.api.sendcaptcha(btn, type, data, function (data, ret) {
|
||
console.log("ok");
|
||
});
|
||
return true;
|
||
}
|
||
})
|
||
Form.api.bindevent(form);
|
||
});
|
||
};
|
||
}
|
||
|
||
var _bindevent = Form.events.bindevent;
|
||
Form.events.bindevent = function (form) {
|
||
_bindevent.apply(this, [form]);
|
||
var captchaObj = $("input[name=captcha]", form);
|
||
if (captchaObj.length > 0) {
|
||
captchaObj.closest("form").find("button[type=submit]").removeAttr("disabled");
|
||
clicaptcha(captchaObj);
|
||
if ($(form).attr("name") === 'captcha-form') {
|
||
setTimeout(function () {
|
||
captchaObj.trigger("invalid.field", [{key: 'captcha'}, {errors: {}}]);
|
||
}, 100);
|
||
}
|
||
}
|
||
}
|
||
});
|