jQuery EditForm redirect to DispForm

Question

I want to redirect user after editing item and pressing save button to item DispForm. I currently have JS code:

$( document ).ready(function() {
            $('input[value=Save]').click(function() {
                var ur = window.location.assign;
                var URL = ur.replace('EditForm.aspx','DispForm.aspx');
                window.location.assign(URL);  
            });
        });

Problem with this code currently is, that it works time to time.. Which means, it does redirect to DispForm few times and then JS seems to fail load and redirect to default AllItems.

Answer 1

You want to override function PreSaveAction() instead of detecting the click with JQuery.

Answer 2

In SharePoint instead of $(document).ready you should use _spBodyOnLoadFunctionNames for you this would look like this:

_spBodyOnLoadFunctionNames.push("myCustomFunctionName");
function myCustomFunctionName(){
            $('input[value=Save]').click(function() {
                var ur = window.location.assign;
                var URL = ur.replace('EditForm.aspx','DispForm.aspx');
                window.location.assign(URL);  
            });

}

Reference Link: http://www.stephanrocks.com/2011/10/05/_spbodyonloadfunctionnames-in-sharepoint-vs-jquerys-document-ready/

Answer 3

Another, perhaps easier way, to redirect to a specific page after submission is to add the Source querystring parameter to the current page URL, like this:

http://yoursite/path-to-your-edit-form.aspx?ID=someid&Source=/yoursite/path-to-your-display-form.aspx?ID=someid

Answer 4

As said before... Overwrite the presaveaction() and put something like this in:

newURL = "DispForm.aspx?ID=" + YOUR_FORM_ID_HERE
currentURL = $("form")[0].action;
postbackURL = currentURL.replace(GetUrlKeyValue("Source", true, currentURL), newURL);
WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions($('[name$="$diidIOSaveItem"]').attr('name'), "", true, "", postbackURL, false, true));

Havent tested it. You just need to grab the ID of the current Item, but it should work.

Answer 5

You have to edit the parameter of the form:

var URL = location.href.replace('EditForm.aspx', 'DispForm.aspx');
URL = URL.substring(0, URL.indexOf("&"));
$('form').attr('action', "EditForm.aspx?ID=" + GetUrlKeyValue("ID") + "&Source=" + escapeProperly(URL));

The save button only calls a JS function which takes the form parameters.