Отправить вторую форму, когда флажок оставлен cheked

Question

Я создаю форму для генерации приглашения, которая запрашивает электронное письмо, а затем отправляет его вместе с рядом скрытых полей, чтобы подписаться на информационный бюллетень. То, что я пытаюсь сделать, это добавить вторую форму, которая представила бы другой набор скрытых полей для разных бюллетеней, но без отдельной кнопки отправки.

Идея заключается в том, что когда пользователь дает свой адрес электронной почты, пока они не снижают этот флажок, их информация будет передаваться в обе формы. Как я мог это сделать? ОБРАЗЕЦ HTML:

 <form action="http://process.signupapp.com/" method="post" name="SimpleSignUp1"> 


     <input type="text" id="email" name="emailAddress"/> 
     <input type="submit" name="submit" value="submit" id="signup"> 

       <input name="sourceId" type="hidden" value="code123" /> 
       <input name="listCode" type="hidden" value="GGGG" />    
       <input name="email_page" type="hidden" value="lettername" /> 
       <input name="email_subject" type="hidden" value="Welcome Message" /> 

     </form> 

     <form action="http://process.signupapp.com/" method="post" name="SimpleSignUp"> 

       <input name="agree" type="checkbox" value="agree_terms" checked/> 
       <label for="agree">Yes, I would also like to receive the FREE cool  newsletter</label> 

<input type="submit" value="submit" /> 

<input name="sourceId" type="hidden" value="code2345" /> 
<input name="listCode" type="hidden" value="DDDD" /> 
<input name="email_page" type="hidden" value="anothername" /> 
<input name="email_subject" type="hidden" value="Welcome again" /> 

</form> 

Answer 1

Вы можете вызвать событие отправки второй формы во время подачи первого. (Угадайте структуру html)

$('#form1').submit(function() { 
    if(! $(this).find('#checkbox').is(':checked')) { 
     $('#form2').submit(); //Will want to make this an ajax call 
    } 
} 

$('#form2').submit(function() { 
    $.ajax({ 
     data: $('#form2').serialize(), //Or specify yourself 
     url: $('#form2').attr('action'), 
     type: 'POST', 
    }); 
    return false; //Don't want to redirect in the middle of both submissions 
}