表单提交后无法阻止页面重定向答案

【问题标题】：Unable to prevent page redirect after form submit表单提交后无法阻止页面重定向
【发布时间】：2016-03-15 17:18:55
【问题描述】：

我使用的是Sharepoint online 2015。在创建列表项的过程中，我需要保存列表项并将页面重定向到创建的列表项的EditForm.aspx，而不是AllItems.aspx。

以下是按钮的html代码：

<button type="button" id="idSaveProceed">Save & Proceed</button>

以下是保存列表项并将其重定向到编辑表单的 jQuery 代码：

$("#idSaveProceed").click(function(event){
         event.preventDefault();
        if (!PreSaveItem()) return false;
        if (SPClientForms.ClientFormManager.SubmitClientForm('WPQ2')) return false;
        WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(elementName, "", true, "", "", false, true));

        GetListItemId(); // This will redirect the page to EditFoem.aspx;
    });

但是当代码if (SPClientForms.ClientFormManager.SubmitClientForm('WPQ2')) 执行时，页面重定向发生在AllItems.aspx。我什至在WebForm_DoPostBackWithOptions 中给出了自定义网址。但是在执行该代码之前，页面会被重定向。

我尝试过使用event.preventdefault()，但没有用。

请让我知道这里缺少什么。提前致谢。

注意：我不想使用 InfoPath。我只是想要一个 jQuery 中的解决方案来处理这个问题。

【问题讨论】：

您是否添加了 event.preventDefault 作为第一条语句？
是的，我有。现已更新。
您是否在表单标签中设置了 URL？
event.preventDefault()

标签： javascript jquery sharepoint sharepoint-online

【解决方案1】：

你还需要更新

    < form id="aspnetForm" action="< url >?Source=...">

源参数

查看此网址。 http://formsdesigner.blogspot.in/2013/04/redirect-after-sharepoint-form.html

但只是好奇你将如何获得新提交的项目 ID？

【讨论】：

【解决方案2】：

您在客户经理声明中发布该表格。

这将调用服务器端代码，而不是转到下一行。

您可以使用 Ajax 调用发送表单后调用，然后重定向页面。

【讨论】：

我需要在提交之前验证表单。我怎样才能像在我的代码中那样在 ajax 调用中做到这一点？请多多指教。
您可以使用客户端库，例如 jQuery 验证库，也可以将结果传递回调用 Ajax 函数。

【解决方案3】：

在点击事件结束时返回 false

$("#idSaveProceed").click(function(event){
if (!PreSaveItem()) return false;
if (SPClientForms.ClientFormManager.SubmitClientForm('WPQ2')) return false;
WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(elementName, "", true, "", "", false, true));return false;});

【讨论】：