如何在单个提交表单上进行多个提交操作？答案

【问题标题】：How to Make multiple submit action on a single submit FORM?如何在单个提交表单上进行多个提交操作？
【发布时间】：2013-08-19 05:03:59
【问题描述】：

我有 3 个带有不同 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-->

【问题讨论】：

转发服务器上的信息

标签： jquery ajax forms email

【解决方案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>

【讨论】：

我是 jquery 的新手，你能告诉我如何用
谢谢 :) 如何使用 post 作为字符串脚本将“_blank”定位到 3 个表单？
你想发布到新窗口？
是的，我想把它贴在新窗口或框架上，你能告诉我怎么做吗？

【解决方案2】：

要在单个表单上执行多个提交操作，您可以使用 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>

希望这会有所帮助！

【讨论】：