手机HTML拼图验证,JS实现PC手机端和嵌入式滑动拼图验证码三种效果_气质_前端开发者...

PC和手机端网站滑动拼图验证码效果源码，同时包涵了弹出式Demo，使用ajax形式提交二次验证码所需的验证结果值，嵌入式Demo，使用表单形式提交二次验证所需的验证结果值，移动端手动实现弹出式Demo三种效果

首先要确认前端使用页面，比如登陆页面

$.ajax({

// 获取id，challenge，success(是否启用failback)

url: "../

上面代码的意思是说，页面加载后，需要到你指定的URL地址上获得验证码信息,至于上面的URL地址“../

// 代码详细说明

var handlerPopup = function (captchaObj) {

// 注册提交按钮事件，比如在登陆页面的登陆按钮

$("#popup-submit").click(function () {

// 此处省略在登陆界面中，获取登陆数据的一些步骤

// 先校验是否点击了验证码

var validate = captchaObj.getValidate();

if (!validate) {

alert('请先完成验证！');

return;

}

// 提交验证码信息，比如登陆页面，你需要提交登陆信息，用户名和密码等登陆数据

$.ajax({

url: "../

以上所述是小编给大家介绍的开发者网站的支持！