jQuery图片拼图验证(隔壁借鉴过来的)

所属分类:输入-验证

 21113  251  查看评论 (1)
分享到微信朋友圈
X
jQuery图片拼图验证(隔壁借鉴过来的) ie兼容10
WIDGETS.imgSmoothCheck({
       selector: ".widgets__img_check_box",//默认选择器
       imgSrc: [],//图片资源
       imgWidth: undefined,//图片宽度
       imgHeight: undefined,//图片高
       imgFragmentW: undefined,//碎片宽, 可不必填,未填内容会自动计算最佳碎片宽度和高度
       imgFragmentH: undefined,//碎片高
       allowableErrorValue: 4,//允许的误差值
       success: _widgets.default.noop,//验证成功后
       error: _widgets.default.noop,//验证失败后
   })

var imgCheck = WIDGETS.imgSmoothCheck({//会返回一个对象,该对象有个refresh() 函数,可以刷新图片,
       selector: "#select",//图片容器的选择器
       data: ["t1.png", "t2.png", "t3.png"],//图片资源
       imgHeight: 100,//图片高度,
       imgWidth: 200,//图片宽度
       allowableErrorValue: 3,//
       success: function () {
           alert("成功");
       },
       error: function (res) {
           alert(res);//错误提示
       }
   });
   $(".refresh").on("click", function () {
       imgCheck .refresh();
   });
相关插件-验证

jquery多功能表单验证

基于jquery封装的表单验证插件
  验证
 40739  362

Modern Fms 表单验证插件

Modern Fms(精美的纯css3 html5表单框架) 表单验证插件
  验证
 13683  181

移动端拼图验证登录

移动端拼图验证登录界面(手机端,不兼容pc)
  验证
 40951  331

jquery注册验证

jquery动态注册验证
  验证
 53521  374

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    xuanziran 0
    2019/7/3 9:52:57
    好看是好看,但是移动设备无法滑动滑块 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复