EditForm验证未将无效类应用于自定义组件

// MyCustomComponent.razor

<div class="form-group @(IsInvalid ? "is-invalid" : "")">
    <label for="@FieldName">@Label</label>
    <input type="text" id="@FieldName" class="form-control" value="@Value" @oninput="HandleInput" />
    @if (IsInvalid)
    {
        <div class="invalid-feedback">@ErrorMessage</div>
    }
</div>

@code {
    [Parameter]
    public string Label { get; set; }

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

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

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

    [Parameter]
    public bool IsInvalid { get; set; }

    private void HandleInput(ChangeEventArgs e)
    {
        // 更新值并触发验证
        Value = e.Value.ToString();
        Validate();
    }

    private void Validate()
    {
        // 执行验证逻辑，根据结果设置IsInvalid和ErrorMessage属性
        // 这里可以使用Blazor提供的验证规则，或者自定义验证逻辑
        // 示例中省略了具体的验证逻辑
    }
}

// MyForm.razor

<EditForm Model="@formData" OnValidSubmit="HandleSubmit">
    <MyCustomComponent Label="Name" Value="@formData.Name" FieldName="Name" ErrorMessage="@validationMessages.Name" IsInvalid="@validationResults.ContainsKey("Name")" />
    <button type="submit" class="btn btn-primary">Submit</button>
</EditForm>

@code {
    private MyFormData formData = new MyFormData();
    private Dictionary<string, string> validationMessages = new Dictionary<string, string>();
    private Dictionary<string, ValidationResult> validationResults = new Dictionary<string, ValidationResult>();

    private void HandleSubmit()
    {
        // 执行表单提交逻辑
        // 这里可以使用Blazor提供的表单验证机制，或者自定义验证逻辑
        // 示例中省略了具体的表单提交逻辑
    }
}

public class MyFormData
{
    public string Name { get; set; }
}