SharePoint InputFormTextBox Rich Text Validation

-
I had some problems validating SharePoint InputFormTextBox with InputFormRequiredFieldValidator.  The problem is that it always shows the InputFormTextBox as invalid even tho I did have some content in the text box.  And if you click the submit button the second time, the validation just doesn't work any more.

To get around it, I had to use the ASP.NET custom validator.  I found this way from other blogs online so it's nothing new.  However, there is a key attribut that a lot of blog forgot to mention.  Below is my code snippet.


function ValidateMessageBody(source, args) {
    try {
        //Create Rich TextBox Editor control object 
        var docEditor = RTE_GetEditorDocument(source.controltovalidate);
        if (null == docEditor)
            return;
        var strHtml = docEditor.body.innerText;
        if (strHtml == "") {
            args.IsValid = false;
            return;
        }
    } catch (err) { }
    args.IsValid = true;


}

<SharePoint:InputFormTextBox  runat="server" ID="iftxtText" Rows="10" RichText="true" RichTextMode="Compatible" AllowHyperlink="true" TextMode="MultiLine" />


<asp:CustomValidator cssClass="redText" ID="cvOverview" ClientValidationFunction="ValidateMessageBody" ValidateEmptyText="true" runat="server" ValidationGroup="SaveClick" ControlToValidate="iftxtText" Display="Dynamic" ErrorMessage="Required"></asp:CustomValidator>

The ValidateEmptyText attribute is required to set to true for this to work.  It's so easy and yet took me a lot of time because I wasn't aware of this.   Hopefully, it'll help others.

Comments

kraysco said…
Thanks for the post it is just what I needed!

I did have to tweak it slightly when I found that the validation for my control was passing even though it appeared empty. Further testing revealed that the textbox was holding a space character, which != "".

Modifying: if (strHtml == "") to: if (strHtml.trim() == "") did the trick.

Thanks again!

Kevin
April 24, 2018 at 7:58 AM
Post a Comment

Popular posts from this blog

SharePoint 2013 App Details Page Error

-
Image
Out of no where, the app details page started throwing out error for all apps. ULS log entries System.Data.SqlClient.SqlException (0x80131904): The EXECUTE permission was denied on the object 'prc_CountAppInstanceData', database 'UsageAndHealth_Logging_DB', schema 'dbo'.     at System.Data.SqlClient.SqlConnection.OnError(SqlException exception, Boolean breakConnection, Action`1 wrapCloseInAction)     at System.Data.SqlClient.TdsParser.ThrowExceptionAndWarning(TdsParserStateObject stateObj, Boolean callerHasConnectionLock, Boolean asyncClose)     at System.Data.SqlClient.TdsParser.TryRun(RunBehavior runBehavior, SqlCommand cmdHandler, SqlDataReader dataStream, BulkCopySimpleResultSet bulkCopyHandler, TdsParserStateObject stateObj, Boolean& dataReady)     at System.Data.SqlClient.SqlDataReader.TryConsumeMetaData()     at System.Data.SqlClient.SqlDataReader.get_MetaData()     at System.Data.SqlClient.SqlCommand.FinishEx...
Read more

SharePoint 2013 - Working with Display Template for Content Search Web Part

-
Image
To create a custom display template, the best approach is to copy an existing one from Out-Of-Box display templates.  You can try each one and find the one that is closest to what you want to do. All the display templates are in the master page gallery.  To access it, Site Settings -> Master pages and page layouts -> Display Templates The Content Web Parts folder contains the display templates for content search web part and Search folder contains the display templates for the search results web parts. The easiest way to take a look at the display templates is to open the list in windows explorer.  On the ribbon, click on Open with Explorer option. You'll see a lot of html and js files in Content Web Parts folder.  The HTML files are the ones that you'll need to take a look.  The .js files are auto-generated when you add a new HTML file or update an existing one. For every content search web part, you usually have to specify two display tem...
Read more

Add spell check dictionary in SharePoint 2010, SharePoint 2013, and Office 365

-
I was looking for how to add custom spell check dictionary in SharePoint 2013 and I found this blog that describes it, http://softlanding.ca/blog/adding-words-to-the-sharepoint-spell-checker-dictionary-(sharepoint-2013-2010). Here is the summary steps in case the above link doesn't work any more. At the root level of your site create a document library called " Spelling " (make sure to name the document library exactly as listed here) On your desktop create a new text file called " Custom Dictionary ", so that the file name looks like " Custom Dictionary.txt " (make sure to spell the file name exactly as listed here) Open the " Custom Dictionary " text file and in this file type in the words you would like NOT to be considered misspelled words (please note that the words are case sensitive so I would have a separate entry for Softlanding and softlanding, and also please make sure each word is listed on a new line) Upload the " C...
Read more