用ajax表单加载div区域提交?

詹姆斯·MV

我不知道我是否正在以正确的方式进行处理。我在一个主页上显示一些信息。然后,您可以单击一个按钮,然后该页面将通过从单独的文件加载表单来显示表单:

    $('#viewport').load('/views/myView.php #targetDiv')

这很好。但是这种观点是一种形式。然后,我也想与Ajax一起提交包含的表格。但是我似乎做不到。我认为这是因为如果我为表单设置了按钮处理程序,则该函数将不起作用,因为在加载主页和JQuery脚本时该表单不存在。

为了清楚起见,我正在使用JQuery和Ajax加载将该div加载到我的主页上。然后,我也想简单地向Ajax提交此表单。

<div id="targetDiv">
<div class="title">Submit News</div>
    <form role="form" id="submitMyForm">

        <div class="form-group">
            <label for="myInput">Input here</label>
            <input type="text" class="form-control" id="myInput">
        </div>

        <button type="button" id="subMyFormBtn" class="btn btn-default">Submit</button>    
    </form>        
</div> 

TIA

完整解决方案:

$('#viewport').load('/views/myView.php #targetDiv');
$("#targetDiv").live("submit",function(e){
    e.preventDefault();
    //ajax here
});
库玛五世

你必须做 :

$("#subMyFormBtn").live("submit",function(

$("#submitMyForm").submit();

));

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

用ajax表单加载div区域提交?

来自分类Dev

表单提交后加载Ajax

来自分类Dev

提交表单后加载Ajax

来自分类Dev

用AJAX提交动态表单?

来自分类Dev

使用 Ajax 请求在 DIV 中加载的 Ajax 表单在提交时重定向 - Framework7

来自分类Dev

jQuery加载与Ajax进行表单提交

来自分类Dev

使用JQuery提交由Ajax加载的表单

来自分类Dev

无法阻止Ajax加载的表单提交

来自分类Dev

如何使用Ajax在表单提交时一个接一个地加载div

来自分类Dev

如何使用Ajax在表单提交时一个接一个地加载div

来自分类Dev

用jquery和AJAX提交表单

来自分类Dev

用ajax和laravel提交表单

来自分类Dev

使用AJAX提交包含文本区域的表单

来自分类Dev

jQuery用表单包装div而不提交

来自分类Dev

提交AJAX表单后刷新Div的内容

来自分类Dev

回声表单使用AJAX提交给div

来自分类Dev

提交Ajax表单后显示div结果

来自分类Dev

使用ajax加载表单,然后再次使用ajax提交

来自分类Dev

单击div元素,Ajax提交联系表单7表单

来自分类Dev

使用Ajax成功提交后如何重新加载特定表单?

来自分类Dev

页面加载后如何使用Ajax提交隐藏表单?

来自分类Dev

提交表单后,Chrome无法从Ajax加载视图

来自分类Dev

提交PHP表单,而无需重新加载或AJAX

来自分类Dev

Rails-通过Ajax提交表单后页面未加载

来自分类Dev

在Ajax加载的表单上进行验证-提交验证摘要

来自分类Dev

Rails-通过Ajax提交表单后页面未加载

来自分类Dev

使用ajax成功提交表单后重新加载页面

来自分类Dev

Ajax发布表单在加载时自动提交

来自分类Dev

使用 Ajax 提交不带重新加载页面的联系表单