文档手册

关于插件的参数和事件。注意:不同验证码的标志可能不一样哦 ^_^

标志(codeVerify)

$('#容器id').codeVerify({参数设置... ...});

参数解释

参数 说明
type 常规验证码type固定等于1。
width 常规验证码的宽,支持百分比形式设置,如:width:100%。
height 常规验证码的高,支持百分比形式设置,如:height:10%。
fontSize 常规验证码中的字母&数字的字体大小,默认为30px。
codeLength 常规验证码中显示的验证码个数,默认为6。
btnId 提交按钮的id名称,绑定提交的按钮。

事件

名称 说明
ready 验证码初始化成功的回调函数。
success 验证码匹配成功后的回调函数。如要重新初始化:success:function(obj){obj.refresh();}。
error 验证码匹配失败后的回调函数。

示例

$('#mpanel1').codeVerify({

    type : 1,
    width : '400px',
    height : '50px',
    fontSize : '30px',
    codeLength : 6,
    btnId : 'check-btn',
    ready : function() {
    },
    success : function() {
    	alert('验证匹配!');
    },
    error : function() {
    	alert('验证码不匹配!');
    }
    
});

标志(codeVerify)

$('#容器id').codeVerify({参数设置... ...});

参数解释

参数 说明
type 运算验证码type固定等于2。
figure 运算验证码的位数,默认是100以内的数字,即两位数。如果是要设置三位数,则设置figure:1000。
arith 算法选择,支持加、减、乘。设置为1至3分别代表加减乘,0为随机切换。
width 运算验证码的宽,支持百分比形式设置,如:width:100%。
height 运算验证码的高,支持百分比形式设置,如:height:10%。
fontSize 运算验证码中的数字的字体大小,默认为30px。
btnId 提交按钮的id名称,绑定提交的按钮。

事件

名称 说明
ready 验证码初始化成功的回调函数。
success 验证码匹配成功后的回调函数。如要重新初始化:success:function(obj){obj.refresh();}。
error 验证码匹配失败后的回调函数。

示例

$('#mpanel1').codeVerify({

    type : 2,
    figure : 100,
    arith : 0,
    width : '200px',
    height : '50px',
    fontSize : '30px',
    btnId : 'check-btn2',
    ready : function() {
    },
    success : function() {
    	alert('验证匹配!');
    },
    error : function() {
    	alert('验证码不匹配!');
    }
    
});

标志(slideVerify)

$('#容器id').slideVerify({参数设置... ...});

参数解释

参数 说明
type 滑动验证码type固定等于1。
vOffset 滑动验证码的误差量,如:误差量为5px就能完成验证,设置vOffset:5。
explain 滑动条内的提示,不设置默认是:向右滑动完成验证。
barSize 其中包含了width、height两个参数,分别代表滑动条的宽度和高度,支持百分比方式设置,如:barSize:{width:'100%',height:'40px'}

事件

名称 说明
ready 验证码初始化成功的回调函数。
success 验证码匹配成功后的回调函数。如要重新初始化:success:function(obj){obj.refresh();}。
error 验证码匹配失败后的回调函数。

示例

$('#mpanel1').slideVerify({

    type : 1,
    vOffset : 5,
    explain : '向右滑动完成验证',
    barSize : {
	    width : '100%',
	    height : '40px',
    },
    ready : function() {
    },
    success : function() {
    	alert('验证匹配!');
    },
    error : function() {
    	alert('验证码不匹配!');
    }
    
});

标志(slideVerify)

$('#容器id').slideVerify({参数设置... ...});

参数解释

参数 说明
type 滑动验证码type固定等于2。
mode 验证码的显示方式,弹出式pop,固定fixed,默认是:mode : 'fixed'。
vOffset 滑动验证码的误差量,默认单位是px。如:误差量为5px就能完成验证,设置vOffset:5。
vSpace 验证码图片和移动条容器的间隔,默认单位是px。如:间隔为5px,设置vSpace:5。
explain 滑动条内的提示,不设置默认是:'向右滑动完成验证'。
imgUrl 背景图片的地址,不设置默认是:'images/'。
imgName 验证码背景图的数组集合,默认从images目录中进行读取,如:imgName : ['1.jpg', '2.jpg']。
imgSize 其中包含了width、height两个参数,分别代表图片的宽度和高度,支持百分比方式设置,如:imgSize:{width:'100%',height:'200px'}。
blockSize 其中包含了width、height两个参数,分别代表拼图块的宽度和高度,如:imgSize:{width:'40px',height:'40px'}。
barSize 其中包含了width、height两个参数,分别代表滑动条的宽度和高度,支持百分比方式设置,如:barSize:{width:'100%',height:'40px'}
circleRadius 拼图中圆半径,如:circleRadius: '10px'。

事件

名称 说明
ready 验证码初始化成功的回调函数。
success 验证码匹配成功后的回调函数。如要重新初始化:success:function(obj){obj.refresh();}。
error 验证码匹配失败后的回调函数。

示例

$('#mpanel1').slideVerify({

    type : 2,
    mode : 'pop',
    vOffset : 5,
    vSpace : 5,
    explain : '向右滑动完成验证',
    imgUrl : 'images/',
    imgName : ['1.jpg', '2.jpg'],
    imgSize : {
	    width: '400px',
	    height: '200px',
    },
    blockSize : {
	    width: '40px',
	    height: '40px',
    },
    barSize : {
	    width: '400px',
	    height : '40px',
    },
    ready : function() {
    },
    success : function() {
    	alert('验证匹配!');
    },
    error : function() {
    	alert('验证码不匹配!');
    }
    
});

标志(pointsVerify)

$('#容器id').pointsVerify({参数设置... ...});

参数解释

参数 说明
mode 验证码的显示方式,弹出式pop,固定fixed,默认是:mode : 'fixed'。
defaultNum 验证码中出现的文字数量,如要默认4个字,设置defaultNum:4。
checkNum 验证码中要求比对的文字数量,如要按序比对2个字,设置checkNum:2。
vSpace 验证码图片和移动条容器的间隔,默认单位是px。如:间隔为5px,设置vSpace:5。
imgUrl 背景图片的地址,不设置默认是:'images/'。
imgName 验证码背景图的数组集合,默认从images目录中进行读取,如:imgName : ['1.jpg', '2.jpg']。
imgSize 其中包含了width、height两个参数,分别代表图片的宽度和高度,支持百分比方式设置,如:imgSize:{width:'100%',height:'200px'}。
barSize 其中包含了width、height两个参数,分别代表滑动条的宽度和高度,支持百分比方式设置,如:barSize:{width:'100%',height:'40px'}。

事件

名称 说明
ready 验证码初始化成功的回调函数。
success 验证码匹配成功后的回调函数。如要重新初始化:success:function(obj){obj.refresh();}。
error 验证码匹配失败后的回调函数。

示例

$('#mpanel1').pointsVerify({
	
    mode : 'pop',
    defaultNum : 4,
    checkNum : 2,
    vSpace : 5,
    imgUrl : 'images/',
    imgName : ['1.jpg', '2.jpg'],
     imgSize : {
	    width: '400px',
	    height: '200px',
    },
    barSize : {
	    width: '400px',
	    height : '40px',
    },
    ready : function() {
    },
    success : function() {
    	alert('验证匹配!');
    },
    error : function() {
    	alert('验证码不匹配!');
    }
    
});