表单提交后的代码在表单提交之后还是之前执行？

Question

$('form').submit(function() {});里面的代码执行之前或之后表单提交？

例如，如果我编辑其中一个输入的值，请求中是否包含新值？

Answer 1

它在表单提交之前执行。否则，页面将会改变，并且由于JavaScript环境与页面相关联，它也会改变。这会让你在一个可能很奇怪的环境中执行。

$("form").submit(function(){ 
    $(this).append('<input type="hidden" name="foo" value="bar" />'); 
}); 

意思是说，每个表单在提交之前都会附加该输入（假设启用了JS）。

同理：

$("#someForm").submit(function() { 
    if (/* something */) { 
     alert("Form invalid"); //alert() is terrible, but you get the point 
     return false; //Blocks submission 
    } else { 
     return true; 
    } 
}); 

（注：根据不同的情况和其他绑定，使用preventDefault将可能使more sense - 我只是懒惰）