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

6 篇文章 0 订阅
1 篇文章 0 订阅

     最近在做一个登录注册的页面,找了一下前端验证码相关的东西,发现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
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
verify.js是一个纯前端验证码生成和验证工具。它通过使用JavaScript编写,可以帮助开发者在前端页面中添加验证码功能,以增强网站的安全性。 verify.js的生成验证码的方式多种多样,可以是数字、字母、图像等形式。开发者可以根据自己的需求选择不同的验证码类型,并可以自定义验证码的长度、字体、颜色等样式。生成的验证码可以直接在前端页面中展示给用户,通过verify.js提供的接口,可以轻松地将验证码嵌入到表单、登录页面等需要进行验证的地方。 validate.js也提供了验证验证码的功能,它通过接收用户输入的验证码信息,并与前端生成的验证码进行比对,以确定用户输入的验证码是否正确。验证过程是在前端进行的,可以有效地减轻服务器的负担,提高页面的响应速度。如果用户输入的验证码前端生成的验证码不一致,开发者可以自定义提示信息,提示用户重新输入。只有在用户输入正确的验证码后,才能通过验证码验证,进一步进行后续操作,确保了网站的安全性。 总的来说,verify.js是一个方便易用的纯前端验证码工具,它提供了生成验证码和验证验证码的功能。通过它,开发者可以简单地在前端页面中添加验证码,并提高网站的安全性。它的使用方法灵活多样,可以满足不同网站的需求。同时,verify.js还支持自定义样式和提示信息,使开发者可以根据自己的需要进行定制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值