html/jquery - 在iframe中提交表单

我有一个表单，其中有一个iframe作为目标。当使用经典的“提交”按钮时，它运行良好，但是当我使用Jquery提交表单时，它将打开一个新窗口，并且不会在iframe中进行定位。任何有关为什么发生这种情况的建议这里是我的代码：html/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>

来源

2013-04-12 dany84

尝试

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

来源

2013-04-12 07:30:04 TheBrain

感谢，但它不能正常工作，它总是会打开一个新的窗口:( – dany84

问题不是在iframe中，但在onclick="javascript:formSubmit();"。首先，您不需要在on..=""属性中编写javascript:。但更好的使用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

来源

2013-04-12 07:42:52 Narek

想这太，但它不起作用，我也尝试了“bind（'click'，function）”，但没有任何意义，我无法真正理解 – dany84

它在我提供的小提琴中工作，如果不适合你，那么在其他地方的问题 – Narek

是的，我看到它的作品，我试图了解是否有页面中的其他错误...谢谢 – dany84

html/jquery - 在iframe中提交表单

回答

相关问题