DataAnnotationsValidator 不适用于自定义组件

Question

我创建了这个自定义组件

@inherits InputLabelPers1Base
<div class="text-input">
    <input @attributes="AdditionalAttributes" value="@Value" type="text" placeholder=@InputPlaceHolder @onchange="OnInputValueChanged"  >
    <label for="input1">@LabelValue </label>
</div>

继承自此 class :

 public class InputLabelPers1Base : InputBase<String>
    {
        
        [Parameter]
        public string InputPlaceHolder { get; set; }

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

        protected Task OnInputValueChanged(ChangeEventArgs e)
        {
            Value = (String)e.Value;

            return ValueChanged.InvokeAsync(Value);
        }

        protected override bool TryParseValueFromString(string value, [MaybeNull] out string result, [NotNullWhen(false)] out string validationErrorMessage)
        {
            result = value;
            validationErrorMessage = null;
            return true;
        }

      
    }

然后我将组件添加到 EditForm：内置组件的验证工作正常 InputText 但不适用于我的自定义组件

<div class="ClientCardContainer">
    <EditForm Model="@Client" OnInvalidSubmit="@Save">
        <DataAnnotationsValidator />
        <ValidationSummary />
        <div class="ClientInfoGridContainer">
        <InputLabelPerso1 @bind-Value="Client.CL_NOM" LabelValue="Nom/Société" InputPlaceHolder="Nom/Société"></InputLabelPerso1>
        <InputLabelPerso1 @bind-Value="Client.CL_CODE" LabelValue="Code" InputPlaceHolder="Code Client"></InputLabelPerso1>
        <InputLabelPerso1 @bind-Value="Client.CL_VILLE" LabelValue="Ville" InputPlaceHolder="Ville client"></InputLabelPerso1>
      
        <InputText @bind-Value="Client.CL_NOM"></InputText> // **Works Fine**
        <button type="submit">Submit</button>
        </div>
    </EditForm>
</div>

Answer 1

复制并测试... 代码中的注释和解释...

InputLabelPers1Base.cs

    public class InputLabelPers1Base : InputBase<String>
        {
            [Parameter]
            public string InputPlaceHolder { get; set; }
    
            [Parameter]
            public string LabelValue { get; set; }
    
            protected async Task OnInputValueChanged(ChangeEventArgs e)
            {
                // Use the CurrentValueAsString instead of Value 
                // Value = (String)e.Value;
                // You shouldn't call the base class ValueChanged.
                // When you assign the new value to the 
                // CurrentValueAsString property, the code in the 
                // CurrentValue property called by CurrentValueAsString
                // takes care of updating the field bound to your
                // InputLabelPerso1 component

                CurrentValueAsString = e.Value.ToString();
                await Task.CompletedTask;
            }
    
            protected override bool TryParseValueFromString(string value, [MaybeNull] out string result, [NotNullWhen(false)] out string validationErrorMessage)
            {
                result = value;
                validationErrorMessage = null;
                return true;
            }
    
    
        }

InputLabelPerso1.razor

    @inherits InputLabelPers1Base
    <div class="text-input">
        <input @attributes="AdditionalAttributes" value="@CurrentValue" type="text" placeholder=@InputPlaceHolder @onchange="OnInputValueChanged">
        <label for="input1">@LabelValue </label>
    </div>

Index.razor

    @page "/"
    @using System.ComponentModel.DataAnnotations
    
    <EditForm Model="@Client" OnValidSubmit="HandleValidSubmit">
        <DataAnnotationsValidator />
        <ValidationSummary />
        <div class="ClientInfoGridContainer">
            <InputLabelPerso1 @bind-Value="Client.Value1" LabelValue="Nom/Société" InputPlaceHolder="Nom/Société"></InputLabelPerso1>
            <ValidationMessage For="@(() => Client.Value1)" />
    
            <InputText @bind-Value="Client.Value2"></InputText>
            <ValidationMessage For="@(() => Client.Value2)" />
            <button type="submit">Submit</button>
        </div>
    </EditForm>

    @code
        {
           
        private Customer Client = new Customer();
        private void HandleValidSubmit()
        {
            // Called only when the model is valid
            Console.WriteLine("Handled");
        }
        private void HandleInvalidSubmit()
        {
            // Called whenever the model is invalid
            Console.WriteLine("invalid");
        }
    
        public class Customer
        {
            [Required]
            public string Value1 { get; set; }
            [Required]
            public string Value2 { get; set; }
    
        }
      
    }

DataAnnotationsValidator 不适用于自定义组件

DataAnnotationsValidator doesn't work with a custom component

asp.net-core

blazor

blazor-webassembly

InputLabelPers1Base.cs

InputLabelPerso1.razor

Index.razor