插件描述:常规验证码、滑动验证码、拼图验证码、选字验证码
更新时间:/11/22 上午11:57:32
更新说明:多人反映有些低版本360浏览器(包括部分手机浏览器)不能正常显示验证码问题修复。
verify使用方法
引入资源
滑动验证码&拼图验证码&选字验证码需要引入两种资源:JS, CSS,别把images、fonts文件夹删除了(常规验证码见官网说明)。
Html构建
需要一个显示验证码的容器。
Verify初始化
初始化设置参数,滑动验证码&拼图验证码的标志slideVerify,选字验证码的标志pointsVerify。//这里的初始化是滑动&拼图的标志slideVerify
$('#mpanel1').slideVerify({
//滑动验证码type=1,拼图验证码type=2
type:1,
//拼图验证码或选择验证码图片名称
imgName:['1.jpg','2.jpg'],
//拼图验证码的图片尺寸
imgSize:{
width:'400px',
height:'200px',
}
//......更多参数设置请查阅文档
//验证成功以后的回调
success:function(){
alert('验证匹配!');
}
});
//选字验证码的标志pointsVerify
$('#mpanel1').pointsVerify({
//......更多参数设置请查阅文档
});
如果觉得《html5 verify js jQuery验证码插件verify》对你有帮助,请点赞、收藏,并留下你的观点哦!