DxMaskPropertiesBase.InvalidInputNotificationText Property

Specifies the validation message displayed when a data editor value does not match the applied mask.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v25.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string InvalidInputNotificationText { get; set; }

Property Value

Type	Description
String	The notification message’s text.

Remarks

Use the InvalidInputNotificationText property to specify the validation message for a masked data editor in the standard EditForm component. The property also accepts the {0} placeholder for the editor value.

Refer to the following topics for information about input validation:

• Data Editors - Validate Input
• Masks - Masked Editor Validation

DxMaskedInput Example

<EditForm Model="@starship"
          OnValidSubmit="@HandleValidSubmit"
          OnInvalidSubmit="@HandleInvalidSubmit"
          Context="EditFormContext">
    <DataAnnotationsValidator />
    <DxFormLayout>
        <DxFormLayoutItem Caption="Identifier:" ColSpanMd="6">
            <DxMaskedInput @bind-Value="@starship.Value"
                           Mask=".{6,}"
                           MaskMode="MaskMode.RegEx">
                <DxRegExMaskProperties InvalidInputNotificationText="The value '{0}' is invalid. It must be at least 6 symbols." />
            </DxMaskedInput>
        </DxFormLayoutItem>
        <DxFormLayoutItem ColSpanMd="12">
            <DxButton SubmitFormOnClick="true"
                      Text="Submit"
                      RenderStyle="ButtonRenderStyle.Secondary" />
        </DxFormLayoutItem>
        <DxFormLayoutItem ColSpanMd="12">
            <ValidationSummary />
        </DxFormLayoutItem>
    </DxFormLayout>
</EditForm>

@code {
    string FormValidationState = @"Press the ""Submit"" button to validate the form.";
    Starship starship = new Starship() { Value = "ID" };

    void HandleValidSubmit() {
        FormValidationState = @"Form data is valid";
    }
    void HandleInvalidSubmit() {
        FormValidationState = @"Form data is invalid";
    }

    public class Starship {
        public String Value { get; set; }
    }
}

DxDateEdit Example

@using System.Globalization

<DxDateEdit @bind-Date="@date" 
            Mask="@DateTimeMask.ShortDate">
    <DxDateTimeMaskProperties CaretMode="@MaskCaretMode.Advancing"
                              Culture="Culture"
                              InvalidInputNotificationText="The date is invalid."
                              UpdateNextSectionOnCycleChange="true" />
</DxDateEdit>

@code {
    DateTime date { get; set; } = DateTime.Now;
    CultureInfo Culture = new CultureInfo("fr-FR");
}