jQuery Validation Plugin表单验证

所属分类:输入-验证

 9940  32  查看评论 (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;
}

相关插件-验证

jQuery超棒动态表单验证效果

jquery表单验证效果 表单 表单验证
  验证
 18030  30

HTML5+CSS3表单验证

HTML5+CSS3超酷动态表单
  验证
 12262  30

基于jq的轻量级bootstrap校验插件bootstrapvalidate

为bootstrap校验而生,重点是轻量级!!插件本身代码不超过10K.
  验证
 11005  68

jquery表单标签

jQuery的标签更好的为你的表单的输入域创建一个漂亮的不显眼的标签。在关于这个插件的唯一性是你需要添加一个占位符文本,我们将显示标签,只有当用户需要它。
  验证
 7807  16

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

取消回复
    PROMULGATOR

    hacker

    火星