如何使多个提交一个提交表单的动作?多个、表单、动作

2023-09-10 20:43:17 作者:把心丟到海しǐ喂鱼ㄦ

我有3种形式瓦特/不同的URL操作,输入文本字段名称和提交的输入字段名。我想有一个明显的OPTIN表格只为意输入用户的电子邮件地址,当用户提交表单,会得到相同的电子邮件地址,并发送给我的3后台的其他形式。我知道它会做一些jQuery和Ajax你能告诉我比如codeS怎么办呢?

我的code:

这code将是可见的,这是唯一的形式,用户把自己的电子邮件地址

 <! - 可见的形式 - >
<形式的行动=的方法=邮报>
    <输入类型=文本名称=电子邮件占位符=电子邮件/>
    < BR />
    <输入类型=提交值=得闲QOUTENAME =提交/>
< /形式GT;
<! - 可见的形式 - >
 

此区将在后台处理3的W /不同的动作我想要得到的可见形式的电子邮件地址将在每封电子邮件领域的背景,并提交个人的背景。我真的希望你的帮助球员。感谢在前进。抱歉坏英文:)

 <! - 背景FORM  - >
<形式的行动=pretong_newsletter.html的方法=邮报>
    <输入类型=文本名称=newsletter_email占位符=电子邮件/>
    < BR />
    <输入类型=提交值=注册NAME =注册/>
< /形式GT;

<形式的行动=jason_newsletter.html方法=邮报>
    <输入类型=文本名称=n_email/>
    < BR />
    <输入类型=提交值=获取免费QoutesNAME =提交/>
< /形式GT;

<形式的行动=register.html方法=邮报>
    <输入类型=文本名称=USER_EMAIL/>
    < BR />
    <输入类型=提交值=成为会员NAME =提交/>
< /形式GT;
<! - 背景FORM  - >
 
一个按钮提交两个form表单 前端 Form 的表单的一个通用解决方案

解决方案

您不必在页面上的物理形式提交到这些端点。发布的数据,当您单击使用jQuery提交按钮后()的功能。

http://api.jquery.com/jQuery.post/

 <输入ID =电子邮件类型=文本名称=电子邮件占位符=电子邮件/>
< BR />
<输入ID =爆炸式=按钮值=得到免费QOUTENAME =提交/>
 

后为JSON:

 <脚本类型=文/ JavaScript的>
    $(函数(){
        $(#高炉)。点击(函数(){
            变种的电子邮件= $(#邮件)VAL()。
            $。员额(pretong_newsletter.html,{newsletter_email:电子邮件});
            $。员额(jason_newsletter.html,{n_email:电子邮件});
            $。员额(register.html,{USER_EMAIL:电子邮件});
        });
    });
< / SCRIPT>
 

岗位作为字符串:

 <脚本类型=文/ JavaScript的>
    $(函数(){
        $(#高炉)。点击(函数(){
            变种的电子邮件= $(#邮件)VAL()。
            $。员额(pretong_newsletter.html,newsletter_email =+电子邮件);
            $。员额(jason_newsletter.html,n_email =+电子邮件);
            $。员额(register.html,USER_EMAIL =+电子邮件);
        });
    });
< / SCRIPT>
 

I have a 3 forms w/ different url actions,input text field name and input submit field name. I want to have a single visible OPTIN FORM for only purposed to input user email address and when the user submit the FORM it will get the same email address and send to my 3 other FORMS on the background. I know it will do some jquery and ajax can you show me example codes how to do it?

My code:

This Code will be visible and this is the only form that the user put their email address

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

This Area will be on background and handle the 3 FORMS w/ different action I want to get the email address on the visible form to put on every email fields on the background and submit it individual on the background. I really want your help guys. thanks on advance. sorry for bad English :)

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

解决方案

You don't have to have a physical form on the page to submit to those end points. Post the data when you click your submit button using the jQuery post() function.

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

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

post as string:

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