jQuery随机验证码

所属分类:输入-验证

 33246  321  查看评论 (18)
分享到微信朋友圈
X
jQuery随机验证码 ie兼容6

使用方法

引用jquery库和jquery.code.js

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/jquery.code.js"></script>

html

<input type="text"  placeholder="验证码">
<span   title='点击切换'></span>

js

$(function() {
    // 自定义验证码个数
    $('.code').createCode({
        len: 6
    });
});
// 前面输入框失去焦点验证
$('.input-code').blur(function() {
    if ($(this).val().toLowerCase() != $('.code').children('input').val().toLowerCase()) {
        alert('验证码不正确')
    } else {
        alert('验证通过')
    }
})
相关插件-验证

js滑块验证插件slideHuaKuai.js

js滑块验证插件slideHuaKuai.js,简单使用注释全。
  验证
 15637  194

jQuery随机验证码

19,AZ随机生成验证码,且颜色及形状随机改变
  验证
 33247  321

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

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

jQuery常用网站表单验证

可用于用户注册,网站留言等,有正在输入提示和失去焦点自动正则验证输入框内容
  验证
 37387  354

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

    胡不归 0
    2021/10/27 14:37:07
    怎么分享呢
        胡不归0
        2021/10/27 14:40:57
        ?💔
        胡不归0
        2021/10/27 14:40:58
        ?💔
        胡不归0
        2021/10/27 14:40:58
        ?💔
    回复
    那些|回亿^的岁月 0
    2020/6/16 17:52:50
    请问怎么把点击页面任何处出现弹窗改成点击button按钮判断验证码是否正确? 回复
    ?租 0
    2019/7/3 14:12:59
    Cecile 0
    2019/5/10 16:41:22
    很好用谢谢 但如果要让错误讯息直接显示在html上要怎麽做呢? 还有有没有办法是 使用填写错误后 直接换验证码的?
        ?租0
        2019/7/3 14:10:34
        多研究一下
    回复
    Abelard 0
    2019/3/26 9:59:50
    验证框里面怎么有个耖字 回复
    Abelard 0
    2019/3/26 9:26:43
    不错,非常好
        南城花已开0
        2019/4/3 13:47:21
        感谢分享
    回复
    0
    2018/11/21 12:04:40
    nice
        ヅ漂 移`座ぺ0
        2018/12/23 20:29:00
        谢谢分享
    回复
    0
    2018/11/21 12:04:39
    nice
        .0
        2019/2/24 19:03:25
        谢谢
    回复
    迷失 0
    2018/11/16 11:43:12
    按照提示js下载了,其余的代码加载在登录页面了,验证码没出来,验证码验证也无效,不知道哪里没弄好
        db_dhl0
        2018/11/29 16:04:13
        应该是OK的啊,你是不是哪引用的不对或class冲突了?
        0
        2019/1/2 17:10:27
        <li> <input type="text" placeholder="验证码">中的 placeholder显示未定义呀,小哥哥,咋回事呀?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复