JQuery-防止提交上的页面刷新
我试图通过Ajax调用Asp.NETMVC端点,但在提交表单时无法阻止刷新页面 from位于MVC ASP.Net视图上的引导模型中 这是表单(form.cshtml)JQuery-防止提交上的页面刷新,jquery,asp.net-mvc,forms,Jquery,Asp.net Mvc,Forms,我试图通过Ajax调用Asp.NETMVC端点,但在提交表单时无法阻止刷新页面 from位于MVC ASP.Net视图上的引导模型中 这是表单(form.cshtml) 我希望事件.preventDefault()能够工作并防止在提交表单时重新加载页面,但事实并非如此。有人有什么想法吗 尝试将输入类型更改为按钮 <input id="editPropertiesSaveBtn" type="button" value="Save" class="btn btn-primary"/>
我希望
事件.preventDefault()
能够工作并防止在提交表单时重新加载页面,但事实并非如此。有人有什么想法吗 尝试将输入类型更改为按钮
<input id="editPropertiesSaveBtn" type="button" value="Save" class="btn btn-primary"/>
如果表单处于模式中,则它可能是动态创建的。尝试使用
$(document).on('submit','editPropertiesForm',函数(e){e.preventDefault();})代码>顺便说一句,我在代码中没有看到editPropertiesForm
按钮。我在这里遗漏了什么吗?@Rorymcrossan不幸地没有工作。在这种情况下,请检查控制台是否有错误errors@japesSophey我没有否决你的答案,如果你需要,我可以投赞成票。我删除了我的答案,因为有人否决了我的答案,所以如果它被否决了,就不需要坐着回答了。这很好,谢谢。因为我在表单上使用JQuery验证,所以我必须在单击时进行额外检查,以确保表单有效。
$("#editPropertiesForm").submit(function (event) {
event.preventDefault();
});
<input id="editPropertiesSaveBtn" type="button" value="Save" class="btn btn-primary"/>
$("#editPropertiesSaveBtn").on("click", function (e) {
$("#editPropertiesForm").submit();
e.preventDefault();
})