ClientSideCaptcha验证码生成jquery插件

 所属分类:验证

 浏览:840次-  下载:0次-  评论: 0次-  更新时间:2020-10-14

ClientSideCaptcha验证码生成jquery插件

第一步:引入生成验证码所需文件

<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/client_captcha.js" defer></script>

第二步:验证

document.addEventListener("DOMContentLoaded", function() {
document.body.scrollTop; //force css repaint to ensure cssom is ready

var timeout; //global timout variable that holds reference to timer

var captcha = new $.Captcha({
    onFailure: function() {

        $(".captcha-chat .wrong").show({
            duration: 30,
            done: function() {
                var that = this;
                clearTimeout(timeout);
                $(this).removeClass("shake");
                $(this).css("animation");
                //Browser Reflow(repaint?): hacky way to ensure removal of css properties after removeclass
                $(this).addClass("shake");
                var time = parseFloat($(this).css("animation-duration")) * 1000;
                timeout = setTimeout(function() {
                    $(that).removeClass("shake");
                }, time);
            }
        });

    },

    onSuccess: function() {
        alert("验证码输入成功!");
    }
});

captcha.generate();
});


金币说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值金币充值会员更多说明»
描述:ClientSideCaptcha验证码插件基于jquery插件,此验证码生成由js代码生成。通过该插件,可以不依赖于后台,在前端即可完成验证码验证。

文件目录结构

  • img
      • ┝ enter_icon.png
      • ┝ refresh_icon.png
  • ┝ www.zzsucai.com.txt
  • ┝ ┬δ░∩╓≈.url
  • js
      • ┝ jquery-1.11.0.min.js
      • ┝ client_captcha.js
  • ┝ index.html

相关素材

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!
我的金币余额: 0 已下载次数: 0
所需金币:12开始下载

金币获取:签到、评论、投搞、充值、发帖、回帖    » 在线充值(10金币=1元)