亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

緣由

一個頁面需要兩個驗證碼，使用同一個驗證碼調用兩次會導致有前一個失效。那么我們需要創(chuàng)建不同的兩個驗證碼，分別做驗證。

截圖展示

具體實現

• 同時引入多個KgCaptcha的js。
• 引入多個JS時，請定義 plural 參數；通過該參數區(qū)分定義對象名，如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({
    // 綁定元素，驗證框顯示區(qū)域
    bind: "#captchaBox1",
    // 驗證成功事務處理
    success: function(e) {
        console.log(e);
    },
    // 驗證失敗事務處理
    failure: function(e) {
        console.log(e);
    },
    // 點擊刷新按鈕時觸發(fā)
    refresh: function(e) {
        console.log(e);
    }
}); 
// 第二個驗證碼
kg2.captcha({
    // 綁定元素，驗證框顯示區(qū)域
    bind: "#captchaBox2",
    // 驗證成功事務處理
    success: function(e) {
        console.log(e);
    },
    // 驗證失敗事務處理
    failure: function(e) {
        console.log(e);
    },
    // 點擊刷新按鈕時觸發(fā)
    refresh: function(e) {
        console.log(e);
    }
}); 
</script>

• 創(chuàng)建驗證框顯示區(qū)域

<!-- 第一個驗證碼 -->
<div id="captchaBox1"></div>
<!-- 第二個驗證碼 -->
<div id="captchaBox2"></div>

總結

SDK開源地址：https://github.com/KgCaptcha，順便做了一個演示：https://www.kgcaptcha.com/demo/