jQuery - e.preventDefault 难题/阻止默认后无法提交表单

Question

目标：停止“提交”按钮、验证字段、创建结果弹出框警报、关闭弹出框时提交表单。

所以我有一个隐藏的弹出框 div，当按下提交按钮时，我这样做是为了检查某些条件并显示弹出框：

$("form").submit(function(e) {
    e.preventDefault();
      if (($("#conditions").find("input:checkbox:checked").length ) || $('#radio_condition_1').is(":checked")) {
        $("#popback").css('display', 'block');
    }
 }); 

然后我想这个代码会在弹出框被清除后提交表单：

$("#popback").click(function() {
    $("#popback").css('display', 'none');
    $("form").submit();

});

没有：

$("form").submit();

第二个代码可以很好地清除弹出框。但是，插入提交功能后，不仅不会清除弹出框，也不会提交表单。

注意：页面上有两种形式。

帮助？

Answer 1

以下应该这样做：

$('form')[0].submit();

您拥有的$('form').submit() 触发了提交事件，从而再次触发提交处理程序，这反过来又阻止了默认表单提交，您又回到了开始的地方！

CONCEPT VERIFICATION

第 1 步：加载上面的演示，您会在控制台中看到 submit event triggered。

第 2 步： 现在取消注释 $('form')[0].submit() 并注释掉 $('form').submit() 并单击 run 和 viola .. 表单已提交 .. 绕过 submit 事件处理程序。

结论： ...见上文。

更新

如果页面上有多个表单，则可以调整上面的代码以定位相关表单。例如，提交页面上的第一个表单：

$('form').first()[0].submit();

或者简单地使用任何选择器，例如 ID 或 css，提供特定级别的需求。