SharePoint Online: How to Set Value and Disable a Field in List New Form?

Requirement: Disable a Field in SharePoint Online List New Form (NewForm.aspx).

How to Set Value and Disable a Field in New Form?

I had to fill a few field values from the URL query string and disable those fields in SharePoint Online New Form. My URL for the New form would like:

Place this script in the Script editor web part:

<script language="javascript" src=""></script>
$(document).ready(function () {
ExecuteOrDelayUntilScriptLoaded(getData, "sp.js");

//Change Save button text to "Acknowledge"
$("input[value$='Save']").attr('value', "Acknowledge");  

function getData()
   //Get values from query string
   var ItemID = GetParameterValues('ID');
   var deviceType = GetParameterValues('devicetype');
   //Set value for ID field and disable
      //set the value of Asset Item ID
      $("input[title='Asset Item ID']").val(ItemID);
      //disable Field
      $("input[title='Asset Item ID']").prop("disabled", true);  

   //Set value for device type field and disable it
      deviceType = unescape(deviceType);
      //set the value of Asset Item ID
      $("input[title='Device Type']").val(deviceType);
      //disable Field
      $("input[title='Device Type']").prop("disabled", true);

//Function to get value from query string parameters
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];
//Enable the fields during "PreSaveAction" otherwise, their values will not get saved!
function PreSaveAction()
    $("input[title='Asset Item ID']").removeAttr('disabled');
    $("input[title='Device Type']").removeAttr('disabled');
    return true;

Salaudeen Rajack

Salaudeen Rajack - SharePoint Expert with Two decades of SharePoint Experience. Love to Share my knowledge and experience with the SharePoint community, through real-time articles!

2 thoughts on “SharePoint Online: How to Set Value and Disable a Field in List New Form?

  • How did you inject the script editor webpart in SharePoint Online OOTB list page

    • This was implemented in classic list by editing the page.


Leave a Reply

Your email address will not be published. Required fields are marked *