Question

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

我找到了标准化验证规则等的代码，但是我很难理解如何在“submitHandler”部分中使用我一直使用的内容。我一直用它来制作一个旋转器gif（hide / show）。

但是现在在同一页面上有两个表单，任何一个表单都会激活另一个表单，或者当点击任一提示按钮时，它们都会激活，或者没有激活。

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

$(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;但如果我让它们与众不同，我不知道怎么写“如果这个表格已经提交，那么显示/隐藏这些ID，但是如果提交了这个表格，那么显示/隐藏这些其他ID”（可以这么说）

Answer 1

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

submitHandler

请务必不要在页面上重复任何submitHandler: function(form) { $(form).find('.submitSpin').show(); $(form).find('.submitButt').hide(); form.submit(); }, // END submitHandler，因此id和submitSpin只能是类名。

概念证明DEMO：jsfiddle.net/0g0oaonL/2/

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

1 个答案: