如何对单个提交表单进行多次提交操作?

时间:2013-08-16 17:46:58

标签: jquery ajax forms email

我有3个表单w /不同的url操作,输入文本字段名称和输入提交字段名称。我希望有一个可见的OPTIN表单,仅用于输入用户的电子邮件地址,当用户提交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个FORMS 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-->

2 个答案:

答案 0 :(得分:2)

您无需在页面上添加物理表单即可提交到这些终点。使用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>

答案 1 :(得分:0)

要对单个表单进行多次提交操作,您可以使用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>

希望这有帮助!