最近在做一个登录注册的页面,找了一下前端验证码相关的东西,发现verify.js还不错,所以就拿来用了,相关的js文件请自行百度下载
使用的时候发现的几个小坑,记录一下,
1.这个Js是依赖于JQuery的,所以请务必在使用前引入JQuery
2.一般来说,各位在网上下的包中包含了js、images、css、font等内容,请不要随便删除
3.请不要更改images文件夹的名字,他是通过这个名字来索引图片的,如果要改,请将js文件一并修改
4.在index页面中一般会将所有的6个案例都展示出来方便我们选择,但是如果你只是将其中一个关于验证码的div删掉,那么这个后面的所有关于验证码的div都将不能显示,原因是在js中注册了关于这个id的验证码相关的事件,但是在dom中找不到,导致js错误,无法继续执行。解决方法是将不需要的js一并删除,如你不需要id=“mpanel5”的验证码的话就将js中$('#mpanel5').pointsVerify({})一并删除
5.通过id来获取容器的所以id请不要重复
6.滑动验证码&拼图验证码的标志slideVerify,选字验证码的标志pointsVerify,需要哪种设置那种
7.需要添加图片,将图片放入images文件夹,并修改js中的数组imgName : ['1.jpg', '2.jpg'], '3.jpg', '4.jpg']
8.验证成功后,如果需要重置(重新验证),可以使用一下js;
$(".verify-refresh").trigger("click");
触发refresh刷新验证码