html5 verify js,jQuery验证码插件verify

插件描述：常规验证码、滑动验证码、拼图验证码、选字验证码

更新时间：2017/11/22 上午11:57:32

更新说明：多人反映有些低版本360浏览器(包括部分手机浏览器)不能正常显示验证码问题修复。

verify使用方法

引入资源

滑动验证码&拼图验证码&选字验证码需要引入两种资源：JS, CSS，别把images、fonts文件夹删除了(常规验证码见官网说明)。

Html构建

需要一个显示验证码的容器。

Verify初始化

初始化设置参数，滑动验证码&拼图验证码的标志slideVerify，选字验证码的标志pointsVerify。//这里的初始化是滑动&拼图的标志slideVerify

$('#mpanel1').slideVerify({

//滑动验证码type=1，拼图验证码type=2

type : 1,

//拼图验证码或选择验证码图片名称

imgName : ['1.jpg', '2.jpg'],

//拼图验证码的图片尺寸

imgSize : {

width: '400px',

height: '200px',

}

//......更多参数设置请查阅文档

//验证成功以后的回调

success : function() {

alert('验证匹配！');

}

});

//选字验证码的标志pointsVerify

$('#mpanel1').pointsVerify({

//......更多参数设置请查阅文档

});

html5 verify js,jQuery验证码插件verify相关推荐

js验证码插件verify
jQuery 验证码插件verify jQuery 验证码插件verify演示和下载一.verify的使用方法 1.引入资源滑动验证码&拼图验证码&选字验证码需要引入两种资源:JS ...
5款实用的jQuery验证码插件(附js,jQuery代码)
5款实用的jQuery验证码插件 5款实用的jQuery验证码插件分享给大家,分别有普通字母数字验证码.运算验证码.滑动验证码.点选验证码,纯前端的网页验证码代码. 在线演示地址:5款实用的jQuer ...
5款实用的jQuery验证码插件
效果图文档结构 HTML <!DOCTYPE html> <html><head><metacharset="UTF-8">< ...
CheckCode.js 前端验证码插件
CheckCode.js 前端验证码插件效果截图插件使用方法 CheckCode.js 本插件的参考示例效果截图插件使用方法 // 在html页面引入CheckCode.js <scri ...
Web端点餐系统（HTML5 + CSS3 + JS(jQuery)）
Web点餐系统(前端开发) 一.系统简介二.系统设计三.系统实现 · 首页(当天菜品)/推荐菜品/热买菜品 · 已选菜品 · 我的订单 · 订单统计四.总结五.源码下载一.系统简介该Web ...
html5 cs js字母验证码,JavaScript生成图形验证码
本文实例为大家分享了js生成图形验证码的具体代码,供大家参考,具体内容如下 getGVerify:function (id) { function GVerify(options) { //创建一个图 ...
html放大镜移动,支持移动手机的jquery放大镜插件enlarge.js
enlarge.js是一款支持移动手机的响应式jquery放大镜插件.该jquery放大镜插件在移动手机上通过长按图片,可以调出放大镜,对图片进行放大查看.它的特点还有: 支持内部放大镜和外部放大镜模 ...
js日历控件html,jQuery日历插件sys-calendar.js
插件描述:jQuery日历插件,自定义点击事件,记录信息,编辑假日安排等方法,使用简单 sys-calendar.js jquery日历插件,自定义点击事件,记录信息,编辑假日安排等方法,使用简单,版 ...
verify.js纯前端验证码插件
这是一款极简洁的表单校验插件,属于半封装模式,只需引入插件,即可任意编写业务逻辑代码,简单方便易修改. 首先引入js,需提前引入jquery,然后引入verift即可使用 <script src ...

html5 verify js,jQuery验证码插件verify

html5 verify js,jQuery验证码插件verify相关推荐

最新文章

热门文章