jQuery自定义验证码输入插件joyCode

来源:https://www.sucaihuo.com/js/5252.html 2021-04-03 09:47浏览(173) 收藏

joyCode是一款小巧精致的jQuery自定义验证码输入插件,自定义验证码输入框,每输入一个自动跳转到下一个输入框。
jQuery自定义验证码输入插件joyCode
分类:表单代码 > 验证码 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="jquery-3.5.1.min.js"></script>
    <script src="joyCode.js"></script>
    <script>
        var codeItem = $(".verify-item").code({
            length: 4,
            skin: 'aa',
            keyup: function(d, val) {},
            done: function(p, val) {
                // 全部输入框输入完成
            },
            before: function(t, val) {
                // 每次按下按键
            },
            backspace: function(t) {
                console.log(t);
            }
        });
        // 重置
        $(".reset").on("click", function() {
            codeItem.reset();
        })

        $(".getValue").on("click", function() {
            alert(codeItem.getCode());
        })

        // 上锁
        $(".lock").on("click", function() {
            codeItem.lock();
        })
    </script>
标签: 验证码输入框
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2