如何在单个提交表单上提交多个提交操作？

我有一个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

如何在单个提交表单上提交多个提交操作？

回答

相关问题