JQuery 同一页面上多个表单的验证 SubmitHandler

Question

我一直在成功使用 jQuery 验证脚本。但是现在我需要在一个网页上放两个表格。

我找到了标准化验证规则等的代码，但我对如何使用 "submitHandler" 部分中一直使用的内容感到困惑。我一直在用它来制作微调器 gif (hide/show)。

但是现在同一页面上有两个表单，其中一个将激活另一个微调器，或者它们都激活或者 none 在单击任一提交按钮时激活。

关于如何将其分开的任何想法？

$(document).ready(function() {
  $('form').each(function() {
    $(this).validate({
        // edited out non-relevant code for this question //

        submitHandler: function(form) {

            $('#submitSpin').show();
            $('#submitButt').hide();
            form.submit();

        }, // END submitHandler

    }); // END this validate
  }); // END form each function
}); // END document ready function

很明显我不能对两个表单的按钮使用相同的 ID；但是如果我让它们不同，我不确定如何写 "IF this form is submitted, then show/hide these ID's, but if THIS OTHER form is submitted, then show/hide THESE other ID's" （可以这么说）。

Answer 1

就像 form.submit() 一样，只需使用传递给 submitHandler 的 form 参数。它代表表单对象。然后使用 jQuery 查找并定位其微调器。

submitHandler: function(form) {
    $(form).find('.submitSpin').show();
    $(form).find('.submitButt').hide();
    form.submit();
}, // END submitHandler

切勿在页面上重复任何 id，因此 submitSpin 和 submitButt 只能是 class 个名称。

概念验证演示：jsfiddle.net/0g0oaonL/2/

JQuery 同一页面上多个表单的验证 SubmitHandler

JQuery Validation SubmitHandler for multiple forms on same page

jquery

jquery-validate