一段代码给网站添加极验-表单提交滑动验证功能

一段JS代码给网站添加极验——提交表单滑动人工验证功能,话不多说直接上效果图+安装教程。

图片[1]_一段代码给网站添加极验-表单提交滑动验证功能_泽客资源网

安装教程

1、给网站body内加入一段代码,引入极验js

<script src="//static.geetest.com/static/tools/gt.js"></script>

一般添加在网站的</body>结束标签前加载!

2、在表单提交事件后加入调用代码

var handlerEmbed = function (captchaObj) {    captchaObj.onSuccess(function () {        var result = captchaObj.getValidate();        if (!result) {            message('error', '请先完成滑动验证!');            return false;        }        // 验证通过之后需要做的操作写在这里        // 你的代码    });        // 此处写出发验证码的地方    // 你的代码    $("#register").click(function () {        // 调用验证码        captchaObj.verify();    });};// 下面是验证码必要操作,无需修改$.ajax({    url: "https://dy.zhinianblog.com/geetest/getRegister?t=" + (new Date()).getTime(),    type: "get",    dataType: "json",    success: function (data) {        data = data.data;        data = JSON.parse(data);        initGeetest({            gt: data.gt,            challenge: data.challenge,            new_captcha: data.new_captcha,            product: "bind",            offline: !data.success,            width: '100%'        }, handlerEmbed);    },    timeout: 100000,    error: function (XMLHttpRequest, textStatus, errorThrown) {        if (textStatus == "timeout") {            message('error', '请求超时');        } else {            message('error', '网络错误');        }    }});

在表单提交事件后加入以上代码来调用滑动拼图人机验证,可能需要有一点的js基础,实在不懂的话可以请教一下别人或者联系站长QQ(付费技术支持,价格不贵!)

© 版权声明
THE END
点赞1赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容