jQuery Validation Plugin表单验证

所属分类:输入-验证

 11472  36  查看评论 (0)
 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;
}

相关插件-验证

原生JS表单验证插件ocheck.js

原生JS,表单验证,可扩展,简单易用
  验证
 4475  16

jQuery表单提交验证verify

一整套注册验证,可直接用于实际项目中
  验证
 25345  460

简洁的Material Design风格用户登录界面设计

简洁的Material Design风格用户登录界面设计
  验证
 12593  69

Easy validate修改版

验证表单,在easyvalidate的基础上扩展,当输入有错误时,在输入框的邮编出现对应的图表。
  验证
 7650  23

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

取消回复