简单验证码插件jquery.idcode.js

所属分类:输入-验证

 4513  19  查看评论 (2)
简单验证码插件jquery.idcode.js ie兼容6

使用方法

1.引用的文件

<link rel="stylesheet" href="./jquery.idcode.css" />
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="./jquery.idcode.js"></script>

2.HTML部分

<input type="text" id="Txtidcode" class="txtVerification" />
<span id="idcode"></span>
<div>
    <button type="button" id="btns">验证</button>
</div>

3.JS部分

$.idcode.setCode();
$("#btns").click(function() {
    var IsBy = $.idcode.validateCode();
    alert(IsBy);
    console.log(IsBy);
});

4.然后要到它的JS文件去指定一个输入验证码框的

var settings = {
    e: 'idcode',
    codeType: {
        name: 'follow',
        len: 4
    },
    codeTip: 'refresh?',
    inputID: 'Txtidcode' //这个就是你页面输入验证码的文本框ID	
};

5.最后是JS调用:

var IsBy = $.idcode.validateCode();

返回的是true或false。这样就可以验证

6.jquery.idcode.js中的19行调整的是验证码的长度;47行可以修改区分大小写

7.插件是网上找的稍微修改了下。亲测可用

相关插件-验证

jQuery注册表单验证

jQuery常见注册表单 包括表单验证、生日选择、邮箱自动补全、密码可见性与重复密码的验证等
  验证
 17224  180

jquery正则表单验证全

jquery表单验证
  验证
 22420  75

jQuery滑动式注册页面

滑动式,根据自己需要的选择
  验证
 8187  19

简单易懂的jQuery表单验证插件

这是一款简单易懂的表单验证插件,没用使用任何多余的代码,使用时仅需引用jquery和jquery.validate.js
  验证
 7700  38

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    LNJ96 0
    2017/8/29 10:52:52
    一个页面需要多次验证码,怎么修改插件代码呢? 回复
    2013 TV135 0
    2017/8/21 16:50:08
    验证码是随机的? 回复
取消回复