如何进行多提交一个提交表单的动作？(How to Make multiple submit acti

我有3种形式W /不同URL操作，输入文本字段名并输入提交字段名。 我想有一个明显的OPTIN形式仅意要输入用户的电子邮件地址，当用户提交表单它会得到相同的电子邮件地址，发送给我的3个背景等多种形式。 我知道它会做一些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种形式瓦特/不同的动作我想要得到的可见形式的电子邮件地址放在每一封电子邮件领域的背景，并提交个人的背景。 我真的希望你的帮助球员。 感谢上前进。 遗憾的英语不好:)

    <!--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-->

Answer 1:

您不必在页面上的物理形式提交到这些端点。 发布数据，当您单击使用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>

Answer 2:

要进行多提交一个表单，你可以使用HTML onclick事件属性行动。 要在您的形式张贴在新窗口中使用target =“_空白”。

 <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>

希望这可以帮助！

文章来源: How to Make multiple submit action on a single submit FORM?