Validate rich textbox using jQuery in SharePoint 2013/2016

This SharePoint tutorial explains, how to validate Rich TextBox using jQuery SharePoint 2013/2016.

I observed that the mandatory enhanced/rich text box of SharePoint 2013 doesn’t throw an error when we cut the content from it from the edit/new form and it allows us to save the form without any content in the rich text box.

The article describes the steps to remove this error.

Validate rich textbox using jQuery

Scenario:
On the new/edit form we have enhanced/rich text which is a mandatory field. If we edit the rich text box and cut the content present inside it, the validation doesn’t work. The issue has been resolved.

Validate rich textbox using jQuery in SharePoint

Need to avoid the div tags and get data alone from multiline textbox field using the following script,

Step-1: Navigate to your SharePoint 2013 site.

Step-2: From this page select the Site Actions | Edit Page.

Edit the page, go to the “Insert” tab in the Ribbon and click the “Web Part” option. In the “Web Parts” picker area, go to the “Media and Content” category, select the “Script Editor” Web Part and press the “Add button”. Read about the script editor web part in SharePoint 2016.

Step-3: Once the Web Part is inserted into the page, you will see an “EDIT SNIPPET” link; click it. You can insert the HTML and/or JavaScript as in the following:

<script type="text/javascript">
$(document).ready(function()
{
var reg1 = new RegExp("<div class=\"ExternalClass[0-9A-F]+\">[^<]*", "");
var reg2 = new RegExp("</div>$", "");
var Fieldname = $("td.ms-formlabel h3.ms-standardheader nobr:contains(‘Field Name’)").parent().parent().parent().find("div.ms-inputBox div.ms-rtestate-write").html().replace(reg1, "").replace(reg2, "");
var contenttext = $("td.ms-formlabel h3.ms-standardheader nobr:contains(‘Field Name’)").parent().parent().parent().find("div.ms-inputBox div.ms-rtestate-write").text();
if (contenttext == "")
{
$("td.ms-formlabel h3.ms-standardheader nobr:contains(‘Field Name’)").parent().parent().parent().find("div.ms-inputBox div.ms-rtestate-write").html(Fieldname);
}
});
</script>

You may like following SharePoint jQuery tutorials:

This SharePoint tutorial, we learned how to validate rich textbox using jQuery in SharePoint.

Donwload Hub site pdf

Download SharePoint Online Tutorial PDF FREE!

Get update on Webinars, video tutorials, training courses etc.

>