同一页面多次调用验证码

缘由

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

截图展示

具体实现

  • 同时引入多个KgCaptcha的js。
  • 引入多个JS时,请定义 plural 参数;通过该参数区分定义对象名,如plural=1,则对象名为kg1,以此类推。


  • 初始化验证码

  • 创建验证框显示区域

总结

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

请使用浏览器的分享功能分享到微信等