具有Iframe表单的HTML文件，使用框架外的按钮通过JQuery提交表单按钮 Download


我有一个HTML文件，其中包含我使用formsite.com创建的表单。样式非常有限，因此为了与CSS页面保持一致，我在iframe外部添加了具有正确样式的按钮。我想单击id = formcta的按钮以提交由表单站点使用Jquery创建的表单。

这是在页面加载时生成的代码（我删除了除1以外的所有输入字段）：

<form method="post" id="FSForm" action="https://fs4.formsite.com/res/submit;jsessionid=A07FC4D3E3825BF746905141537A7720;jsessionid=A07FC4D3E3825BF746905141537A7720" enctype="application/x-www-form-urlencoded" onsubmit="return Vromansys.Form.processSubmit(this);">
  <div>
     <input type="hidden" name="locid" value="a938iH/02m2qhywlp">
     <input type="hidden" name="EParam" value="AT1kKIiyxDxmTDMP4mWxRYnjqh0-izcTGONOmeHEbhKIm44UQv8uNjFmDaWDB_-m">
     <input type="hidden" name="ElapsedTime" id="ElapsedTime" value="0">
     <input type="hidden" name="Referrer" id="Referrer" value="">
     <input type="text" name="subject_line" id="subject_line" autocomplete="off" "><label for="subject_line ">subject_line</label>
  </div>
  <div class="form_table ">
     <div id="q0 " class="q required ">
        <a class="item_anchor " name="ItemAnchor0 "></a>
        <label class="question top_question " for="RESULT_TextField-0 "></label>
        <input type="text " name="RESULT_TextField-0 " class="text_field " id="RESULT_TextField-0 " placeholder="Name " size="25 " maxlength="255 " value=" ">
     </div>
  </div>
  <!-- BUTTON -->
  <input type="hidden " name="EParam " value="FzpUCZwnDno ">
  <input type="hidden " id="EmbeddedForm " name="EmbeddedForm " value="EmbeddedForm "><input type="hidden " id="EmbedId " name="EmbedId " value="551172803 ">
  <div class="outside_container ">
     <div class="buttons_reverse "><input type="submit " name="Submit " value="Submit " class="submit_button " id="FSsubmit "></div>
  </div>

这是我的HTML文档中的代码：

<div class="col-md-6 col-sm-12 pull-right">
  <a name="form551172803" id="formAnchor551172803"></a>
  <script src="https://fs4.formsite.com/include/form/embedManager.js?551172803"></script>
  <script>
  EmbedManager.embed({
    key: "https://fs4.formsite.com/res/showFormEmbed?EParam=PyBo85CFjhEWh5peMRvGtq_3bsAv-gQi&551172803",
    width: "100%"
  });
  </script>
  <div id="formcta" class="cta formcta">
    Get A Quote
  </div>
</div>

这是我的Jquery：

var formcta = $("#formcta");
var formIframe = $("#frame-one551172803");

formcta.on('click', function(){
    $(formIframe).contents().find('#FSForm').submit();
});

这是iframe代码：

   

1 个答案:

答案 0 :(得分：0)

尝试以下方法：

var formcta = $("#formcta");
formcta.on('click', function(){
    var MyIFrame = document.getElementById("frame-one551172803");
    var MyIFrameDoc = (MyIFrame.contentWindow || MyIFrame.contentDocument);
    if (MyIFrameDoc.document) 
       MyIFrameDoc = MyIFrameDoc.document;
    MyIFrameDoc.getElementById("frame-one551172803").submit();
});



Similar searches