简介

jQuery-validation | 基于jQuery验证表单前端插件
主要验证用户输入信息

• 注意：该插件不会验证type="hidden' 或 style="display:none' 表单
• 参看文档
• 采用方法一：记得设置边框：border: 0 solid rgba(255,255,255,0)

全局配置

jQuery.validator.setDefaults({
    debug: true,        //> true:调试模式开启,无法提交表单;false:调试模式关闭允许提交表单
    success: "valid"  //> 验证成功class样式名称
});

---

require_from_group

# 确保数组中的给定数量的字段已完成
require_from_group: [value1,value2]
参数1：value1 定义当前需要完成组中最少的数量(参考链接)
参数2：value2 定义当前组的样式选择器
$( "#myform" ).validate({
  rules: {
    mobile_phone: {
      require_from_group: [1, ".phone-group"]
    },
    home_phone: {
      require_from_group: [1, ".phone-group"]
    },
    work_phone: {
      require_from_group: [1, ".phone-group"]
    }
  }
});

---

注销验证器

var validator = $( "#myform" ).validate({});
//> 注销一个验证器实例
validator.destroy();

---

normalizer 验证

//> 全局 或 局部
//> 注解：1. normalizer 属性 闭包函数返回一个参数 当前输入的值
//> 注解：2. 当前值只是一个验证过滤机制,不作为最后处理的结果
//> 注解：3. 比如我们想验证当前输入必须填写required但是不能是全是空格
$("$form").validate({
    rules: {
        name: {
            required: true,
            normalizer: functipn( value ){
                return $.trim( value );
            }
        }
    }
});
//> 先执行normalizer属性 然后在验证当前过滤值是否是必填required值
//> 全局使用,查看链接（经使用,全局配置normalizer无效）