jquery validate() 问题

Question

我经常使用验证插件 - 它很棒。我当前的设置是修复“关闭”框，其中包含字段。我想要做的是，如果该框包含未填写的必填字段，则应该打开该框并尝试提交。

这是我的代码:

$("#ftblSubGroupsadd").validate({
    invalidHandler: function(form, validator) {
        alert('Note, a few mandatory fields remain un-answered. You may have to open some closed boxes');
        $("label.error").closest("div[class=inside]").css("display","block");
        $("label.error").closest("div.boxed").removeClass().addClass('box');
    }
  });

和here是一个在线演示。

奇怪的是，当你第一次尝试 submkit 时，你得到的只是alert()。但是，如果您立即再次单击“提交”，则会收到警报()，然后才会执行“打开/显示代码”功能，然后打开框。

有人可以帮我解释一下为什么会出现这种情况吗？

谢谢!

Answer 1

我认为问题在于类 label.error 是在代码执行后添加的:这就是为什么第一次不能正确运行以及第二次运行正常的原因。

编辑 - 我找到了一个解决方案(我认为):

$("#ftblSubGroupsadd").validate({
    invalidHandler: function(form, validator) {
        alert('Note, a few mandatory fields remain un-answered. You may have to open some closed boxes');
        $.each(validator.currentElements, function(i, el){
            if(! validator.element(el)){
                $(el).closest("div[class=inside]").css("display", "block");
                $(el).closest("div.boxed").removeClass().addClass('box');
            }
        });

    }
});

看 fiddle :http://jsfiddle.net/nicolapeluchetti/3Vw4y/4/