HTML/JQuery多个表单问题

Question

我的页面有两种形式，分别是form1和form2。现在，当形成一个被提交，然后我设置的隐藏字段的值形式2：

$('#form1').submit(function(){ 
    $("#hiddenfield").val($(this).serialize()) ; 
    alert($("#hiddenfield").val()); 
    return true; 
    }); 

$('#form2').submit(function(){ 
    alert($("#hiddenfield").val()); 
    return true; 
    }); 

在第一个警报的数据正确显示，当我提交sencond形式，但是，该值为空。什么可能是这个问题？

Answer 1

问题可能是因为您的提交函数返回true，浏览器将发布表单，从而重新加载您的页面。因此，当你发布它时，你的第二个表单是空的。如果您不希望表单重新加载页面，您的提交函数将不得不返回false，以阻止浏览器以常规方式发布表单。在这种情况下，您当然必须通过ajax发布表单，因为从提交函数返回false将停止表单 - 将所有表单一起发送。

您可以尝试用下面的代码替换您发布的代码，然后尝试先提交第一个表单，然后再提交第二个表单，以查看是否存在问题。如果第二种形式提交，然后提醒的实际值，而不是空的，你找到了你的问题的根源：

$('#form1').submit(function(){ 
    $("#hiddenfield").val($(this).serialize()) ; 
    alert($("#hiddenfield").val()); 
    return false; 
    }); 

$('#form2').submit(function(){ 
    alert($("#hiddenfield").val()); 
    return false; 
    });