当前位置: 首页 > 工具软件 > Verify.js > 使用案例 >

使用verify.js前端验证码的方法和几个坑

左丘耀
2023-12-01

     最近在做一个登录注册的页面,找了一下前端验证码相关的东西,发现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刷新验证码

 

 类似资料: