Skip to content

Validation.md

Latest commit

 

History

History
112 lines (80 loc) · 3.7 KB

Validation.md

File metadata and controls

112 lines (80 loc) · 3.7 KB
Raw
layout post
title Validation in RichTextEditor | Syncfusion | ASP.NET Webform
description Validation to format the RichTextEditor control's content
platform aspnet
control RTE
documentation ug
keywords RichTextEditor, Validation, JQuery Validation, ASP Validation

Validation

Validate the RichTextEditor’s value on form submission by applying ValidationRules and ValidationMessage to the RichTextEditor.

N> jquery.validate.min script file should be referred for validation, for more details, refer here.

jQuery Validation Methods

The following are jQuery validation methods.

List of jQuery validation methods

Rules Description
required Requires value for the RichTextEditor control.
minWordCount Requires the value to be of given minimum words count.
minLength Requires the value to be of given minimum characters count.
maxLength Requires the value to be of given maximum characters count.

Validation Rules

The validation rules help you to verify the content by adding validation attributes to the text area. This can be set by using ValidationRules property.

Validation Messages

You can set your own custom error message by using ValidationMessage property. To display the error message, specify the corresponding annotation attribute followed by the message to display.

N> jQuery predefined error messages to that annotation attribute will be shown when this property is not defined.

When you initialize the RichTextEditor widget, it creates a text area hidden element which is used to store the value. Hence, the validation is performed based on the value stored in this hidden element.

Required field and minWordCount values validation is demonstrated in the below given example.

{% highlight html %}

<ej:RTE ID="RTE1" runat="server"> <ej:KeyValue Key="required" Value="true" /> <ej:KeyValue Key="minWordCount" Value="10" /> <ej:KeyValue Key="maxWordCount" Value="100" /> <ej:KeyValue Key="required" Value="Please enter the content" /> <ej:KeyValue Key="minWordCount" Value="A minimum of {10} words is required here." /> <ej:KeyValue Key="maxWordCount" Value="A maximum of {100} words is required here." /> When a user
</ej:RTE>
<ej:Button ID="btn1" Text="Validate" OnClick="click" runat="server"> </ej:Button>

{% endhighlight %}

Validation Messages

Using ASP.NET Validator

To use ASP.NET validator with RichTextEditor control, set the ID of the RichTextEditor as the value of the ControlToValidate property of the validator.

{% highlight html %}

<asp:ValidationSummary ID="ValidationSummary1" runat="server" DisplayMode ="BulletList" ShowSummary ="true" HeaderText="Errors:" />

<ej:RTE ID="rteSample" Width="550px" Height="440" ShowFooter="true" ShowHtmlSource="true" IsResponsive="true" runat="server">
</ej:RTE>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="rteSample" ErrorMessage="Please enter the value"> </asp:RequiredFieldValidator>

<ej:Button Type="Submit" Text="Validate" runat="server"></ej:Button>

{% endhighlight %}

Executing the above code will validate the RichTextEditor control values on every form submit before post back occurs.

ASP.NET Validator