SharePoint update append Required Field to display name of mandatory columns


Sudden unexpected SharePoint errors?

If you have updated your SharePoint environment (true for Office 365 as well) with recent patches (Service Pack or Cumulative Update) and are suddenly facing problems with any functionality that has been working fine for so long. Do not worry and check this, it might help.

What happened after the SharePoint update from Microsoft?

Microsoft has made some updates/changes to the default Out Of The Box required site columns (something like Name field - internal name FileLeafRef).

Now required fields show up as a different name in your HTML DOM. The Title attribute for <input> will be changed and "Required Field" is appended to the old display name.

Old display name for Name field - Name

New display name for Name field - Name Required Field
Why will my code break?

If you are referencing to these column names in your JavaScript / JQuery code in SharePoint, then expect it to break and your users complaining about errors and broken functionality.

A good example is where you extract the document name into a JavaScript variable

var spDocName = $("input[title='Name']");

This line of code would have worked fine earlier as there is a field with title="Name" on your page.

But will fail after the patch now since title="Name Required Field".

How to troubleshoot such issues?

The best way to troubleshoot this kind of issue is by using the Browser F12 Developer Tools.

Using developer tools, check the HTML code for the required column which is used in your code to verify if the title is changed.

Name Required Field
Name Required Field
Advertisements
Try Out Code2care Dev Tools:

Advertisements



Android Java Linux Microsoft Google Python macOS Notepad++ Microsoft Teams CSS PHP SharePoint Html Linux C Programs Bootstrap jQuery Sublime Android Studio Facebook Eclipse WhatsApp News MySQL Json HowTos JavaScript FTP S3


Advertisements


Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Tutorials, Trouble-Shooting steps, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.
🎉 We are celebrating the 10th years of Code2care! Thank you for all your support! We hope we made a difference.
We strong support Gender Equality & Diversity.

We stand in solidarity with Ukraine - Make a donation to UNHCR - https://donate.unhcr.org/in/en-in/ukraine-emergency