DxHtmlEditor.ValidationMessage Property
Specifies a validation message that the editor displays on invalid user input.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.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
<Dx
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);
}
}