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

尝试

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

Answer 2

问题不在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();
    });
});

请参阅fiddle

html / jquery - 在iframe中提交表单

2 个答案: