Jquery提交表单未响应

出于某种原因，我的表单有一个提交按钮，表单上有一个id标签。当我做一个调用.submit函数的测试时，表单就关闭了。以下是示例：（按下“操作”列中的按钮）

打开模式的链接（我从另一个在href标记中加载的页面加载表单。）

PHP表单（editInquiry.inc.PHP）

…表格里面的东西
更新

必须返回true才能继续操作

这里已经给出了答案：

您应该使用“单击”事件，而不是“提交”。另外，如果您不想在单击时提交，则必须使用“preventDefault”抑制默认行为，如下所示

$('#inquiry_editUserForm').click(function(e) {
    e.preventDefault();
    alert('test');
});

---

只需提醒一下，

单击

事件是

.on（“单击”，处理程序）

的快捷方式。如果您要提交表单，但对话框必须保持打开状态，则应使用提交表单。您可以将事件附加到表单本身或“提交”按钮

如果要使用该事件，请确保在结束时调用

preventDefault（）

或返回

false

，以取消提交操作

$('#inquiry_editUserForm').submit(function(evt) {
    //your code goes here
    $.ajax({
        method: "POST",
        url: "some.php",
        data: $(this).serialize() //Encode form elements as a string for submission.
        //If using serialize(), name attribute in form elements is required
    })
    .done(function( msg ) {
        alert( "Data Saved: " + msg );
    });
    return false; //return false will cancel the page to reload/redirect
    //evt.preventDefault(); //or we can use preventDefault()
});

几乎同样的情况也适用于提交按钮中的

单击
事件


我查看了您的页面源代码，您将很快将事件附加到，id为
inquiry\u editUserForm
的元素还不存在。因此，我建议您找到合适的位置来附加事件，我认为这是在表单完全加载之后。
仍然没有运气。我的问题是其他的，我不能指出它。我对上面的问题给了你们正确的答案。。。我们应该看到更多的代码来实际调试它，@mikecervenia我要做的就是确保它调用函数并发出“test”警报。没有，您想提交表单，但对话框必须保持打开状态？是的-我现在更新了上面的代码以显示更多信息。我要做的就是确保它调用函数并发出“test”警报。如果在整个表单中附加
click
事件，则每次单击更新代码以显示更多内容时，都会触发该事件。我所要做的就是确保它调用函数并发出警报“test”。它没有访问示例url并打开表单，如果我使用浏览器控制台手动绑定事件，它可以工作，请尝试一下。问题可能与您绑定活动的那一刻有关。谢谢！我知道这一点——我遇到的问题是，当我按下submit按钮时，它甚至根本无法识别.submit函数。但是，如果我使用带有onclick事件的按钮，它将启动该功能。如果您现在转到该页面，其中有一个“客户”链接，我已创建了另一个带有表单的模式，当您按下submit按钮时，它确实识别.submit功能并提醒“测试”。您说得对！我看到它没有填充表单。即使它正在展示它。
 $('#inquiry_editUserForm').submit(function() {

    alert('test');
});

<form id="inquiry_editUserForm" method="post" action="">
....stuff inside form
<button type="submit"> Update </button> 
</form>

$('#inquiry_editUserForm').click(function(e) {
    e.preventDefault();
    alert('test');
});

$('#inquiry_editUserForm').submit(function(evt) {
    //your code goes here
    $.ajax({
        method: "POST",
        url: "some.php",
        data: $(this).serialize() //Encode form elements as a string for submission.
        //If using serialize(), name attribute in form elements is required
    })
    .done(function( msg ) {
        alert( "Data Saved: " + msg );
    });
    return false; //return false will cancel the page to reload/redirect
    //evt.preventDefault(); //or we can use preventDefault()
});