I have a requirement where if user comes to fill new item form, user should stay on the new form itself on click of 'save' button and once he click 'submit' it will get submitted. Technically on click of 'save' button , user should be redirected to 'Edit Form' retrieving the newly created item. As I am using sharepoint online so I need some javascript solution. Any help will be appreciated.

I am following below link but i didn't get any output.


1 Answer 1


To achieve that in SPO, follow the steps below:

Edit the NewForm.aspx and add the following script to NewForm.aspx:

<script src="https://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
    // for Save button
    var button = $('input[name$="SaveItem"]'); 
    button.click(function() {
        var listUrl = "https://<tenant>.sharepoint.com/sites/<site>/Lists/<list>";
        var listName = "<list>";
        var parameter = "itemStatus"; 
        var value = "new"; 
        var elementName = $(this).attr("name"); 
        var aspForm = $("form[id=aspnetForm]"); 
        var oldPostbackUrl = aspForm.get(0).action; 
        var currentSourceValue = GetUrlKeyValue("Source", true, oldPostbackUrl); 
        var newPostbackUrl = oldPostbackUrl.replace(currentSourceValue, listUrl+"/EditForm.aspx?"+parameter+"="+value);
        if (!PreSaveItem()) return false; 
        WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(elementName, "", true, "", newPostbackUrl, false, true));

Edit the EditForm.aspx and add the following script to EditForm.aspx:

<script src="https://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.SPServices/0.7.1a/jquery.SPServices-0.7.1a.min.js"></script>
<script type="text/javascript">
function GetParameterValues(param) {  
    var url = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');  
        for (var i = 0; i < url.length; i++) {  
            var urlparam = url[i].split('=');  
            if (urlparam[0] == param) {  
                return urlparam[1];  

$(document).ready(function () {
    var listUrl = "https://<tenant>.sharepoint.com/sites/<site>/Lists/<list>";
    var itemStatus = GetParameterValues("itemStatus");
    // check id there are id parameter in the current path
    var id = GetParameterValues("ID");
    if(itemStatus !== null && id == null){
        if(itemStatus == "new"){
            //get the latest item
            var itemId = $().SPServices.SPGetLastItemId({   
                listName: "<list>"
            if(itemId !== null){
                // reload the EditFrom.aspx
                var newPath = listUrl+"/EditForm.aspx?ID=" + itemId;
                window.location.href = newPath;


Note: Change "<>" strings to your site and list information.

  • Thank you so much!! Really appreciate your efforts.. You saved me as I am in learning phase. will try to understand the code..
    – Shraddha
    Commented Aug 31, 2018 at 19:13
  • if your list contains people picker values, it wont save in the splist. it will be blank. so, the above code is not 100% correct in the case of people picker fields and other hidden fields , thats getting filled during the presaveaction or doc.ready fun.
    – dasarp
    Commented Oct 24, 2018 at 15:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.