小巧实用的jQuery验证码输入插件joyCode

所属分类:输入-验证

 8064  41  查看评论 (0)
分享到微信朋友圈
X
小巧实用的jQuery验证码输入插件joyCode ie兼容9

更新时间:2021-03-30 00:19:27

使用方法

①文件引用:

<script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
<script src="joyCode.js"></script>

②html:

<ul class="verify-item"></ul>

③方法调用:

var codeItem = $(".verify-item").code({
    length: 4,
    skin: 'aa',
    keyup: function(d, val) {},
    done: function(p, val) {
        //做你想做的事 
        // 全部输入框输入完成          
    },
    before: function(t, val) {
        // 做你想做的事            
        // 每次按下按键       
    },
    backspace: function(t) {
        // 做你想做的事           
        // 监听退格         
    }
});

基本调用: 

codeItem.reset(); // 重置输入框 
codeItem.getCode()// 获取验证码 
codeItem.lock();// 输入框锁定(第一个输入框不上锁)
相关插件-验证

jQuery图片滑块验证(附注释)

jQuery拖拽拼图滑块验证
  验证
 23089  238

JQuery表单验证插件EasyValidator,超级简单易用!

用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手。
  验证
 52164  356

jquery多功能表单验证2.0(原创)

input输入框验证,多选,单选,下拉验证,可异步修改提示,表单异步提交
  验证
 18203  211

jQuery滑动拼图验证插件SliderImgPuzzle(原创)

仿造网络上的类似的拼图控件,还有结合自己的项目封装的
  验证
 47839  368

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复