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

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

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值