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

所属分类:输入-验证

 22644  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表单验证插件EasyValidator,超级简单易用!

用户无需写一行JS验证代码,只需在要验证的表单中加入相应的验证属性即可,让验证功能易维护,可扩展,更容易上手。
  验证
 51937  356

jQuery常用网站表单验证

可用于用户注册,网站留言等,有正在输入提示和失去焦点自动正则验证输入框内容
  验证
 38216  354

Modern Fms 表单验证插件

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

级联依赖/验证

用于angularjs实现
  验证
 30878  329

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

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