Отправка двух форм одной кнопкой

Question

Я хочу отправить две формы с помощью одной кнопки отправки. Кто-нибудь знает, как это сделать?

Answer 1

$('#form1').submit(function() {
   $('#form2').submit();
});

Однако, вероятно, будет отправлен только один из них (если они не отправлены с XHR).

Вы можете просмотреть все элементы ввода другой формы и добавить их к другой форме после отправки.

Answer 2

Вы можете сделать это с объединением данных из Form1 и Form2.

HTML код:

<form method="post" id="myForm" action="example.php">
   <input type="text" value="Testing" name="var1">
   <input type="submit" name="submit" value="Submit">
</form>

<form method="post" id="myForm2" action="example2.php">
  <input type="text" value="Testing2" name="var2">      
</form>

Код Jquery:

$('#myForm').submit( function(){    
    url= $('#myForm').attr("action");
    data= $('#myForm').serialize();
    data2= $('#myForm2').serialize();
    $.ajax({
    type: "POST",
    url: url,
    data: data + '&' + data2, // Combine data from myForm and myForm2 using & character
    success: function(data){
        alert(data);
        }
    });
    return false;
});