DxHtmlEditor.ValidationMessage Property
Specifies a validation message that the editor displays on invalid user input.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public string ValidationMessage { get; set; }
Property Value
Type | Description |
---|---|
String | The validation message text. |
Remarks
<DxHtmlEditor>
allows you to validate user input. To specify validation rules, use the IsValid property.
When a user enters an invalid value, the editor displays a validation message. Use the ValidationMessage
property to specify the message’s text. You can also use the ValidationMessagePosition property to define the message position.
Note
<DxHtmlEditor>
displays a validation message outside the editor area. To display a message correctly, adjust the editor size (Height and Width properties) or add margins.
Example
The following code snippet validates user input in the MarkupChanged event handler and configures validation settings as follows:
- Displays a validation message if the editor’s markup is empty.
- Sets the validation message text.
- Positions the validation message at the right editor edge.
<DxHtmlEditor Markup="@markup"
IsValid="@isValid"
ValidationMessage="Empty markup."
ValidationMessagePosition="HtmlEditorValidationMessagePosition.Right"
MarkupChanged="@OnMarkupChanged"
Height="100px"
Width="80%" />
@code {
bool isValid;
string markup { get; set; } = "";
void OnMarkupChanged(string newValue) {
markup = newValue;
isValid = !string.IsNullOrEmpty(newValue);
}
}