JQuery Validate：验证隐藏的表单（可能的错误）

Question

我正在使用JQuery Validation plugin 处理表单验证。

我遇到的问题是，当表单被隐藏时，验证插件会忽略需要验证的字段并直接跳转到提交表单。

示例：http://jsfiddle.net/Qg5WQ/

我查看了插件的options 并用谷歌搜索了这个问题，但我找不到任何说明为什么隐藏表单中的字段被忽略的任何内容。

值得注意的是，如果页面上有两个表单，其中一个隐藏，一个显示，如果两个表单使用相同的验证方法，则两个表单都成功验证。但是，如果您调用两个单独的验证方法，那么隐藏表单中的字段仍然会被忽略。

使用相同的验证函数验证两个表单：http://jsfiddle.net/Qg5WQ/1/

使用不同的验证函数验证两个表单：http://jsfiddle.net/Qg5WQ/2/

有谁知道这是一个错误还是有验证隐藏表单的特定方法？

Answer 1

试试这个http://jsfiddle.net/Qg5WQ/3/

我在validate 调用中添加了ignore : hidden 选项。

$("form").validate({
  ignore: 'hidden',
  rules: {
    "first": "required"
  },
  invalidHandler: function() {
    alert("error");   
  },
  submitHandler: function( form ) {
    alert("no error");
  }
});

Answer 2

如果您查看documentation page 上的ignore 选项，则默认值为:hidden。这显然意味着如果您没有明确指定ignore 选项，验证将忽略隐藏的输入。

只需定义ignore 选项（可以留空），它应该可以解决问题。

$("form").validate({
  ignore: '',
  rules: {"hidden_field": {required:true}}
});