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


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.


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


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>