1

我有 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-->
4

2 回答 2

2

您不必在页面上有物理表单即可提交到这些端点。当您使用 jQuerypost()函数单击提交按钮时发布数据。

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-16T17:51:32.400 回答
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>

希望这可以帮助！

于 2013-08-16T18:26:40.327 回答