前端用verify.js写验证码(普通、滑动、点选验证码)
$("#demo").slideVerify({
type: 2, //类型
vOffset: 5, //误差量,根据需求自行调整
vSpace: 5, //间隔
imgName: ["1.jpg", "2.jpg"],// 填写需要的图片
imgSize: {
width: "400px",
height: "200px",
},
blockSize: {
width: "40px",
height: "40px",
},
barSize: {
width: "400px",
height: "40px",
},
ready: function () {
alert('刚开始执行')
},
success: function () {
alert("验证成功,添加你自己的代码!");
},
error: function () {
alert('哈哈哈哈,错了!')
},
});
具体参考这个链接,写的相当好:https://www.html5tricks.com/demo/jquery-front-end-verify/index.html需要引入verify.js和verify.css(下附下载地址):https://blog-static.cnblogs.com/files/lyt520/verify.jshttps://blog-static.cnblogs.com/files/lyt520/verify.css