html滑动验证到最右边,jQuery滑块拖动到最右边验证插件

特效详情：

jQuery滑块拖动到最右边验证插件是一款简单实用的滑块验证插件，鼠标按住滑块拖动到最右边即可通过验证。

js代码

$(function(){

console.log(parseFloat('1px'))

var SlideVerifyPlug = window.slideVerifyPlug;

var slideVerify = new SlideVerifyPlug('#verify-wrap',{

wrapWidth:'450',//设置容器的宽度，默认为 350 ，也可不用设，你自己css 定义好也可以，插件里面会取一次这个容器的宽度

initText:'请按住滑块，123', //设置初始的显示文字

sucessText:'验证通过最右边最右边最右边',//设置验证通过显示的文字

getSucessState:function(res){

//当验证完成的时候会返回 res 值 true，只留了这个应该够用了

console.log(res);

}

});

$("#resetBtn").on('click',function(){

slideVerify.resetVerify();//可以重置插件回到初始状态

})

$("#getState").on('click',function(){

alert(slideVerify.slideFinishState); //这个可以拿到当前验证状态是否完成

})

var slideVerify2 = new SlideVerifyPlug('#verify-wrap2',{

wrapWidth:'300',

initText:'请按住滑块',

sucessText:'验证通过',

});

$("#resetBtn2").on('click',function(){

slideVerify2.resetVerify();

})

$("#getState2").on('click',function(){

alert(slideVerify2.slideFinishState);

})

html滑动验证到最右边,jQuery滑块拖动到最右边验证插件相关推荐

jQuery滑块拼图验证插件
jQuery滑块拼图验证插件 jQuery拼图验证插件制作拖拽滑动条来拼图完成验证登录效果.完成拼图成功提示,错误提示重新再试.支持刷新图片拼图验证. 演示地址下载地址
jQuery html5Validate基于HTML5表单验证插件
更新于2016-02-25 前面提到的新版目前线上已经可以访问: http://mp.gtimg.cn/old_mp/assets/js/common/ui/Validate.js demo体验狠狠地 ...
jquery 滑块_如何使用jQuery创建动画图库（滑块工具）
jquery 滑块 Slider kit tutorial. Today we continue overviews of available photo galleries. Next galler ...
利用jQuery.validator来做表单验证，不要太轻松（全攻略）
1.介绍 jQuery.validator是给我们用来做表单验证提交时的一个插件,你可以直接去官网下载,也可以通过菜鸟教程学习和下载该插件菜鸟教程(jQuery.validator) 2.使用 2. ...
jquery实现上传图片及图片大小验证、图片预览效果代码
jquery实现上传图片及图片大小验证.图片预览效果代码 jquery实现上传图片及图片大小验证.图片预览效果代码上传图片验证 */ function submit_upload_picture() ...
25个优秀的jQuery滑块教程和插件
jQuery滑块及图像画廊技术的在网站首页或组合页中的使用日渐普及.自去年以来,高质量的滑块及图像画廊技术教程和插件又发布了很多,于是我们再次收集了若干个优秀的实现教程.这里发布的是25个jQuery ...
jQuery之简单的表单验证
jQuery之简单的表单验证 html部分: <body><form method="post" action=""><div c ...
使用jquery进行多行表格数据验证
使用jquery进行多行表格数据验证 <!DOCTYPE html> <html lang="en"> <head><meta chars ...
MVC中数据底层联合JQUERY实现动态的安全的验证机制
实体的验证分部类定义如下前台controller里进行数据有效性的验证,成功就进行数据处理,不成功就返回错误前台页面配合JQuery强大的验证功能,实现动态验证 MVC集成表单验证输出单元,显示验 ...
asp.net AJAX 验证用户名是否存在 -Jquery
异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用JQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...

html滑动验证到最右边,jQuery滑块拖动到最右边验证插件

html滑动验证到最右边,jQuery滑块拖动到最右边验证插件相关推荐

最新文章

热门文章