0

我有两个表单代码（getresponse webform 代码和一个普通表单代码）。我想要一个可见的 OPTIN 表单，仅用于输入用户电子邮件地址，当用户提交表单时，它会将 getresponse webform 代码提交到后台。我知道它会做一些 jquery 和 ajax 你能告诉我示例代码怎么做吗？

正常形式：

    <!--VISIBLE FORM -->
<form method="post" action="#" target="frame_result">
    <input id="email" type="text" name="email" placeholder="email" />
    <br />
    <input id="blast" type="button" value="GET FREE QOUTE" name="submit" />
</form>
<!--VISIBLE FORM -->

我想获取可见表单上的电子邮件地址，以便将 getresponse webform 电子邮件字段放在后台并在后台提交。我真的很需要你们的帮助。提前感谢。抱歉英语不好:)

GET RESPONSE WEB 表单代码必须对用户不可见并运行到后台：

<div id="WFItem505952" class="wf-formTpl">
<form accept-charset="utf-8" action="https://app.getresponse.com/add_contact_webform.html"
method="post">
        <div id="WFIcenter" class="wf-body">
            <ul class="wf-sortable" id="wf-sort-id">
                <li class="wf-email" rel="undefined" style="display:  block !important;">
                    <div class="wf-contbox">
                        <div class="wf-labelpos">
                            <label class="wf-label">Email:</label>
                        </div>
                        <div class="wf-inputpos">
                            <input class="wf-input wf-req wf-valid__email" type="text" name="email"></input>
                        </div>
                        <em class="clearfix clearer"></em>
                    </div>
                </li>
                <li class="wf-submit" rel="undefined" style="display:  block !important;">
                    <div class="wf-contbox">
                        <div class="wf-inputpos">
                            <input type="submit" class="wf-button" name="submit" value="Sign Up!"
                            style="display:  inline !important; width: 120px !important;"></input>
                        </div>
                        <em class="clearfix clearer"></em>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <input type="hidden" name="webform_id" value="505952" />
</form>

4

1 回答 1

0

演示

该错误只是因为我的表单还没有有效的操作和方法:-) 用你的替换它，你会没事的。我只是在展示如何隐藏您的第二个表单并通过您的第一个表单提交。如果需要，您可以将变量传递给第二种形式。

HTML：

    <form id="form1">
    <h5>Form 1</h5>
    <label for="username"><span>Username</span><input name="username" id="username" type="text" /></label><br/>
    <label for="email"><span>Email</span><input name="email" id="email" type="text" /></label><br/>
    <input type="submit" value="Submit Form 1" />
  </form>
  <form id="form2">
    <h5>Form 2</h5>
      <input type="text" name="username1" id="username1" />
      <input type="text" name="email1" id="email1" />
    <input type="submit" value="Submit Form 2"/>
  </form>

CSS：

/* Hiding Form 2 */
#form2{
  visibility:hidden;
}

JS：

$(function(){
    $('#form1').on('submit', function(){
        $('#username1').val($('#username').val());
        $('#email1').val($('#email').val());
        $('#form2').submit();
        return false;
    });
});
于 2013-08-18T17:16:10.500 回答