Hide List Form Field in SharePoint using jQuery

My earlier post listed various methods such as C# Object model, PowerShell, JavaScript methods to hide columns in SharePoint list forms: Hide Columns in SharePoint List NewForm, EditForm and DispForms

Now, let’s hide fields in SharePoint list form pages using jQuery. Let’s say you have a field called “Parent Project” and want to hide it from All SharePoint list forms such as NewForm.aspx, EditForm.aspx and DispForm.aspx.

jQuery script to hide SharePoint a field in New, Edit, and Display Forms:

<script src="https://code.jquery.com/jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
   $('td.ms-formlabel:contains("Parent Project")').parent().hide();

These scripts can be placed in Script Editor web part, Custom JS file linked in Master page or as part of SharePoint delegate controls.

To hide fields in SharePoint list form pages using jQuery, Navigate to Newform.aspx or any other form page, Click on site settings icon >> Edit page >> Insert a Script editor web part and paste the above codes accordingly.

hide sharepoint list column using jquery

Consider downloading and placing a jQuery JS file to your SharePoint hive in case, for faster retrieval. E.g. Instead of “https://code.jquery.com/jquery-1.2.6.min.js“, you’ll be placing it in _layouts folder and referring as: https://teamsites.crescent.com/_layouts/jquery-1.2.6.min.js

Salaudeen Rajack

Salaudeen Rajack - Information Technology Expert with Two-decades of hands-on experience, specializing in SharePoint, PowerShell, Microsoft 365, and related products. He has held various positions including SharePoint Architect, Administrator, Developer and consultant, has helped many organizations to implement and optimize SharePoint solutions. Known for his deep technical expertise, He's passionate about sharing the knowledge and insights to help others, through the real-world articles!

4 thoughts on “Hide List Form Field in SharePoint using jQuery

  • Works great. Thank you!

  • it already does.

  • Hi,
    I would like to have the JQuery for just NEW Form. While EDIT and DISPLAY need to view and see the fields hidden during NEW form was created.
    Can you please help.

  • Can I get teh JQuery to hide fields only for NEW Form. While in EDIT or DISPLAY i need to edit and view all the fields including hidden while ones when NEW. I’m working in sharepoint without Designer.


Leave a Reply

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