jQuery Validation Plugin表单验证

所属分类:输入-验证

 10843  34  查看评论 (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;
}

相关插件-验证

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

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

漂亮的登录注册页+Validate表单验证+自适应手机

在“漂亮的登录页+滑动弹出框+js正则验证”的基础上,添加自适应样式和优化输入时体验,增加Validate的表单验证
  验证
 20067  229

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

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

全屏形式概念表单

一个全屏形式概念表单,在全屏幕上一次显示一个问题或表单字段的延伸。用户可以独立自由的方式输入数据,它允许为域添加一些精美的动画。在这里输入的数据仍然可以审查和纠正。
  验证
 10615  69

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

取消回复