javascript - JQuery 验证 : Validating a hidden form (possible bug)

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");
  }
});