jQuery Validation Plugin表单验证

所属分类:输入-验证

 11471  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;
}

相关插件-验证

超炫的登录页面 login register

超炫的登录页面和注册页面 login register
  验证
 15955  83

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

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

jquery正则表单验证全

jquery表单验证
  验证
 17031  68

表单验证插件bootstrap from validation

用于表单校验 可与多种前端框架结合 如Bootstrap Foundation等
  验证
 13426  115

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

取消回复