同一页面多次调用验证码

贾迎春
• 阅读 324

缘由

一个页面需要两个验证码,使用同一个验证码调用两次会导致有前一个失效。那么我们需要创建不同的两个验证码,分别做验证。

截图展示

同一页面多次调用验证码

具体实现

  • 同时引入多个KgCaptcha的js。
  • 引入多个JS时,请定义 plural 参数;通过该参数区分定义对象名,如plural=1,则对象名为kg1,以此类推。
<script src="captcha.js?appid=XXX&plural=1" id="KgCaptcha1"></script>
<script src="captcha.js?appid=XXX&plural=2" id="KgCaptcha2"></script>
  • 初始化验证码
<script type="text/javascript">

// 第一个验证码
kg1.captcha({
    // 绑定元素,验证框显示区域
    bind: "#captchaBox1",
    // 验证成功事务处理
    success: function(e) {
        console.log(e);
    },
    // 验证失败事务处理
    failure: function(e) {
        console.log(e);
    },
    // 点击刷新按钮时触发
    refresh: function(e) {
        console.log(e);
    }
}); 

// 第二个验证码
kg2.captcha({
    // 绑定元素,验证框显示区域
    bind: "#captchaBox2",
    // 验证成功事务处理
    success: function(e) {
        console.log(e);
    },
    // 验证失败事务处理
    failure: function(e) {
        console.log(e);
    },
    // 点击刷新按钮时触发
    refresh: function(e) {
        console.log(e);
    }
}); 

</script>
  • 创建验证框显示区域
<!-- 第一个验证码 -->
<div id="captchaBox1"></div>
<!-- 第二个验证码 -->
<div id="captchaBox2"></div>

总结

SDK开源地址:https://github.com/KgCaptcha,顺便做了一个演示:https://www.kgcaptcha.com/demo/

点赞
收藏
评论区
推荐文章
宙哈哈 宙哈哈
1年前
同一页面生成多个验证码
一个页面需要两个验证码,使用同一个验证码调用两次会导致有前一个失效。那么我们需要创建不同的两个验证码,分别做验证。
Stella981 Stella981
3年前
Python第三方模块tesserocr安装
介绍在爬虫过程中,难免会遇到各种各样的验证码,而大多数验证码还是图形验证码,这时候我们可以直接用OCR来识别。tesserocr 是Python的一个OCR识别库,但其实是对tesseract做的一层PythonAPI封装,所以它的核心是tesseract。因此,在安装tesserocr之前,我们需要先安装t
Wesley13 Wesley13
3年前
.Net中验证码图片生成
开发网站或平台系统,登录页面是必不可少的功能,但是现在很多人可以使用工具暴力破解网站密码,为了防止这类非法操作,需要在登录页面添加验证,验证码就是最常用的一种验证方式。我结合了自己的经验和网上的验证码资料,总结一下c验证码开发,直接放代码,文中有注释,可以轻松理解代码意思。功能:实现了打开登陆页面是生成验证码图片以及点击验证码时,刷新验证码功能,验
马尚 马尚
6个月前
使用Python破解数字验证码
数字验证码通常用于网站或应用程序的用户身份验证和安全性保护。本文将介绍如何使用Python编写代码来破解数字验证码,以便于自动化处理验证码验证过程。1.分析验证码页面首先,我们需要分析网站或应用程序的验证码页面,了解验证码是如何呈现的以及需要提交的参数。通
马尚 马尚
6个月前
使用JavaScript破解数字验证码
数字验证码通常用于网站或应用程序的用户身份验证和安全性保护。本文将介绍如何使用JavaScript编写代码来破解数字验证码,以便于自动化处理验证码验证过程。1.分析验证码页面首先,我们需要分析网站或应用程序的验证码页面,了解验证码是如何呈现的以及需要提交的
马尚 马尚
6个月前
用Python破解简单的数字验证码
数字验证码通常是网站或应用程序中用于验证用户身份的一种方式。本文将介绍如何使用Python编写代码来破解简单的数字验证码,以便于自动化处理验证码验证过程。1.分析验证码页面首先,我们需要分析网站或应用程序的验证码页面,了解验证码是如何呈现的以及需要提交的参
崇恩圣帝 崇恩圣帝
5个月前
使用Python识别滑块验证码缺口的方法
步骤一:获取验证码图像首先,我们需要获取网站上的验证码图像。为了简化示例,我们将模拟一个验证码图像,包括带有缺口的滑块图像和完整的背景图像。你可以使用网络爬虫或者API来获取实际网站上的验证码图像。python复制代码获取验证码图像(模拟)importcv
崇恩圣帝 崇恩圣帝
5个月前
使用Python识别滑块验证码缺口的方法
步骤一:获取验证码图像首先,我们需要获取网站上的验证码图像。为了简化示例,我们将模拟一个验证码图像,包括带有缺口的滑块图像和完整的背景图像。你可以使用网络爬虫或者API来获取实际网站上的验证码图像。python复制代码获取验证码图像(模拟)importcv
贾迎春 贾迎春
1年前
图形验证码无痕刷新
在不刷新浏览器的情况下,实现页面的刷新。本文采用KgCaptcha验证码,实现无痕刷新验证码,下面是总结验证码不同情形下刷新的方法。
马尚 马尚
6个月前
破解滑动验证码
滑动验证码是一种常见的验证码形式,用于验证用户是否为人类而不是机器。破解滑动验证码是网络爬虫和自动化程序常遇到的挑战之一。在这个示例中,我们将使用深度学习框架TensorFlow来破解滑动验证码。1.下载验证码图片首先,我们需要从验证码网址下载验证码图片。
贾迎春
贾迎春
Lv1
春江潮水连海平,海上明月共潮生。
文章
9
粉丝
1
获赞
3