Renaming "Save" or "Cancel" Button Text on SharePoint List Forms

Introduction

This article will explain how to rename default Button Text on SharePoint List Forms. Lets see how to change or rename "Save" button's text to something else which gives more meaningful name.

Before renaming button text like "Save":

save button

1. Using jQuery to Rename "Save" button Text to Submit.

Place the below jQuery script in a text file, Upload it to a document library, add a Content editor webpartto the NewForm.aspx page, and specify the "Content Link" in Content Editor Web Part's Property Pane.

or

You can write this code on newform.aspx page directly.
  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>  
  2. <script>  
  3. $(document).ready(function()  
  4. {  
  5. $("input[value$='Save']").attr('value'"Submit");  
  6. });  
  7. </script>  
See result:

submit

2. Using JavaScript to Rename "Save" button Text to Submit:

Open newform.aspx page in designer and write fallowing line of code below <script> tag.
  1. <script type="text/javascript">  
  2. _spBodyOnLoadFunctionNames.push("changeSaveBtnTxt()");  
  3. function changeSaveBtnTxt()  
  4. {  
  5. //Get all Input Elements on the page  
  6. var inputs = document.getElementsByTagName("input");  
  7. //Get the "Save" button  
  8. for(i = 0; i<inputs.length; i++)  
  9. {  
  10. if(inputs[i].type == "button" && inputs[i].value == "Save")  
  11. {  
  12. //Change the "Save" button's Text to "Submit"  
  13. inputs[i].value = "Submit";  
  14. }  
  15. }  
  16. }  
  17. </script>  
Ebook Download
View all
Learn
View all