jQuery Validation Plugin表单验证

所属分类:输入-验证

 39528  347  查看评论 (0)
分享到微信朋友圈
X
 jQuery Validation Plugin表单验证 ie兼容6

简介

今天我给大家推荐一款在我的项目开发中经常会用到的一款插件,那就是 jQuery Validation Plugin。

该插件可以帮助我们构建一个前端的表单验证。常见的非空验证、邮箱验证、长度验证、数字验证等都可以通过该插件来实现。而且支持我们自定义错误的表现方式(我会在视频教程中讲到)


验证字段

  • required –必填字段

  • remote – 远程验证

  • minlength – 最小长度验证

  • maxlength –  最大长度验证

  • rangelength – 长度范围验证

  • min – 最小值验证

  • max – 最大值验证

  • range – 范围值验证

  • email – 邮件地址验证

  • url – URL地址验证

  • date –日期验证

  • dateISO –ISO 日期格式验证

  • number –十进制数验证

  • digits –数字验证

  • creditcard – 信用卡号验证

  • equalTo –和另外一个文本框的值相等验证


=========== 以下内容由 灵魂丶 提供============

IE8下有问题

// allow suppressing validation by adding the html5 formnovalidate attribute to the submit button

//这里可以改成这样

if ( $( event.target ).attr( "formnovalidate" ) !== undefined && $( event.target ).attr( "formnovalidate" )  !=="") {
      validator.cancelSubmit = true;
}
相关插件-验证

canvas随机生成图片验证码

html5 canvas随机生成图片验证码,代码注释全,使用方便。
  验证
 35161  353

jQuery滑动拼图验证插件SliderImgPuzzle(原创)

仿造网络上的类似的拼图控件,还有结合自己的项目封装的
  验证
 44725  368

JQuery表单验证插件EasyValidator,超级简单易用!

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

JQUERY form表单验证

easy将是一个系列的库 目前只有一个文件easyform,包含3个类,easytip : tooltip控件,支持灵活的配置。easyinput : 单个input验证控件easyform :表单验证控件
  验证
 185647  654

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复