jquery.idcode验证码插件—插件源文件下载,使用说明及实例演示


  • :
  • 01-27 14:54
  • :
  • 88次
  • :
  • 0条
  • 3赞

简介jquery.idcode验证码插件具体的使用方法,参数说明,及在线实例演示,

jquery.idecode是一款基于jquery开发的非常简单的验证码插件,因为是一款比较小众的插件,所以站长没有找到免费的CDN加速地址,大家要使用的话,就直接把源文件放到自己的站点里引用吧,插件也不大,只有4KB左右

下面是jquery.idcode插件的下载地址:

链接: https://pan.baidu.com/s/1rgDhQHYhwj3AQ-tq2-oB8g 密码: 69bs

jquery.idcode验证码插件使用起来是非常简单的,大家可以先看下面站长准备的在线实例演示:

jquery.idcode验证码插件在线演示
下面上这个实例的截图:

下面站长来一步一步的教大家,如何把jquery.idcode验证码插件加入到自己的网页里:

第一步:引入插件JS和CSS:

<script language="JavaScript" src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script language="JavaScript" src="/html/aijquery/jquery.idcode.js"></script>
<link rel="stylesheet" href="/html/aijquery/jquery.idcode.css" />


第二步:配置HTML代码:

<label class="lblVerification">验证码</label>
<input type="text" id="Txtidcode" />
<span id="idcode"></span>
<button type="button" id="aijquery">验证</button>


第三步:编写JS动作代码:

<script language="JavaScript">
$.idcode.setCode();			
$("#aijquery").click(function (){
	var IsBy = $.idcode.validateCode();
	alert(IsBy);
});
</script>


好了,到这里就完成了,就是这么简单!下面站长来给大家具体说下jquery.idcode验证码插件在使用时的具体配置参数及说明:

$.idcode.setCode({
    e:"yzm",//显示验证码内容的标签id,默认idcode
    codeType:{
	name:"follow",  //验证码的类型,follow:数字+字母,calc:数字	
	len:4  //验证码的长度
    },
    codeTip:"换验证码",//验证码后面的提示文字
    inputID:"aijquery_yzm"//要输入验证码的文本框ID
});


您正在找的文章可能是: