html - html/jquery - 在 iframe 中提交表单

Question

我有一个以 iframe 作为目标的表单。它在使用经典的“提交”按钮时效果很好，但是当我使用 Jquery 提交表单时，它会打开一个新窗口并且不在 iframe 中定位。关于为什么会发生这种情况的任何建议？这是我的代码：

function formSubmit() {
  $('#formId').submit();
}
<form name="formId" id="formId" action="ajax/submitForm.php" method="post" target="iframe_submit" tmt:validate="true">
   [...]
   <input type="button" id="submit_button" value="GO" onclick="javascript:formSubmit();" />
</form>

<iframe style="border:none;width:0px;height:0px" id="iframe_submit" name="iframe_submit"></iframe>

Answer 1

问题不在 iframe 中，而是在onclick="javascript:formSubmit();". javascript:首先，您不需要写入on..=""属性。但最好使用 jQuery 事件：

<form name="formId" id="formId" action="ajax/submitForm.php" method="post" target="iframe_submit">
    <input type="text" name="x" />
   <input type="button" id="submit_button" value="GO" />
</form>

和：

function ftformSubmit() {
  $('#formId').submit();
}
$(function(){
    $('#submit_button').click(function(){
        $('#formId').submit();
    });
});

见小提琴

Answer 2

尝试

 $('#formId').get(0).submit();