如何在單個提交表單上提交多個提交操作？

我有一個3表單w /不同的url操作，輸入文本字段名稱和輸入提交字段名稱。我希望只有一個可見的OPTIN FORM，只用於輸入用戶的電子郵件地址，當用戶提交FORM時，它會得到相同的電子郵件地址，並在後臺發送給我的另外3個FORMS。我知道它會做一些jQuery和Ajax你能告訴我示例代碼如何做到這一點？如何在單個提交表單上提交多個提交操作？

我的代碼：

此代碼將是可見的，這是唯一的形式，用戶把他們的電子郵件地址

<!--VISIBLE FORM --> 
<form action="" method="post"> 
    <input type="text" name="email" placeholder="email" /> 
    <br /> 
    <input type="submit" value="GET FREE QOUTE" name="submit" /> 
</form> 
<!--VISIBLE FORM -->

這個區域將是背景和處理3種形式W /不同行動我希望獲得可見表單上的電子郵件地址，將其放在背景上的每個電子郵件字段中，並在後臺單獨提交。我真的很想幫助你。感謝提前。遺憾的英語不好:)

<!--BACKGROUND FORM--> 
<form action="pretong_newsletter.html" method="post"> 
    <input type="text" name="newsletter_email" placeholder="email" /> 
    <br /> 
    <input type="submit" value="Register" name="Register" /> 
</form> 

<form action="jason_newsletter.html" method="post"> 
    <input type="text" name="n_email" /> 
    <br /> 
    <input type="submit" value="Get Free Qoutes" name="Submit" /> 
</form> 

<form action="register.html" method="post"> 
    <input type="text" name="user_email" /> 
    <br /> 
    <input type="submit" value="Be a Member" name="Submit" /> 
</form> 
<!--BACKGROUND FORM-->

來源

2013-08-16 Fritzx N Portman

轉發服務器上的信息 – mplungjan

您不必在頁面上的物理形式提交到這些端點。當您使用jQuery post()函數單擊提交按鈕時發佈數據。

http://api.jquery.com/jQuery.post/

<input id="email" type="text" name="email" placeholder="email" /> 
<br /> 
<input id="blast" type="button" value="GET FREE QOUTE" name="submit" />

崗位作爲JSON：

<script type="text/javascript"> 
    $(function(){ 
     $("#blast").click(function(){ 
      var email = $("#email").val(); 
      $.post("pretong_newsletter.html", { newsletter_email: email }); 
      $.post("jason_newsletter.html", { n_email: email }); 
      $.post("register.html", { user_email: email }); 
     }); 
    }); 
</script>

崗位作爲字符串：

<script type="text/javascript"> 
    $(function(){ 
     $("#blast").click(function(){ 
      var email = $("#email").val(); 
      $.post("pretong_newsletter.html", "newsletter_email=" + email); 
      $.post("jason_newsletter.html", "n_email=" + email); 
      $.post("register.html", "user_email=" + email); 
     }); 
    }); 
</script>

來源

2013-08-16 17:51:32 hunter

我是jquery的新手，你能告訴我如何使用

要進行多單形式提交操作，你可以使用HTML 的onclick事件屬性。要在新窗口中發佈，請在表單中使用target =「_ blank」。

<form action="" target="_blank" method="post"> 
    <input type="text" name="newsletter_email" placeholder="email" /> 
    <br /> 
    <input type="submit" value="Register" name="Register" onclick="this.form.action='pretong_newsletter.html'" /> 
    <input type="submit" value="Get Free Qoutes" name="Submit" onclick="this.form.action='jason_newsletter.html'" /> 
    <input type="submit" value="Be a Member" name="Submit" onclick="this.form.action='register.html'" /> 
</form>

希望這有助於！

來源

2013-08-16 18:26:40

相關問題

如何在單個提交表單上提交多個提交操作？

回答

相關問題