Make Read-Only fields in SharePoint List Forms using Javascript

Here is the code to make SharePoint list fields read-only like below screen:

Make Read-Only fields in SharePoint List Forms using Javascript

Make Read-Only fields in SharePoint List Forms using JavaScript:

Open your list form (NewForm.aspx or EditForm.aspx) in SharePoint Designer, paste the below code after: <asp:Content id=”Content1″ runat=”Server” contentplaceholderid=”PlaceHolderMain”>

<script type="text/javascript">
_spBodyOnLoadFunctionNames.push("makeProjectIdReadOnly()");

function makeProjectIdReadOnly() {
	document.getElementById('ctl00_PlaceHolderMain_g_f64398c9_7481_4633_ada6_b227977f9884_ff1_1_ctl00_ctl00_TextField').blur();
	document.getElementById('ctl00_PlaceHolderMain_g_f64398c9_7481_4633_ada6_b227977f9884_ff1_1_ctl00_ctl00_TextField').readOnly=-1;
	document.getElementById('ctl00_PlaceHolderMain_g_f64398c9_7481_4633_ada6_b227977f9884_ff1_1_ctl00_ctl00_TextField').className="Read-Only";
}
</script>
<style type="text/css">
.Read-Only {
	BACKGROUND-COLOR: #f0f5f7
}
</style>

Salaudeen Rajack

Salaudeen Rajack is a SharePoint Architect with Two decades of SharePoint Experience. He loves sharing his knowledge and experiences with the SharePoint community, through his real-world articles!

2 thoughts on “Make Read-Only fields in SharePoint List Forms using Javascript

  • February 12, 2015 at 9:14 PM

    I’m a noob, and i don’t see this code to paste behind
    “Paste this code after: ”

    Reply

Leave a Reply