Blazor UI：表单与验证

ABP Blazor UI 基于 Blazorise 构建，本身不包含内置的表单验证系统。但您可以使用 Blazorise 验证基础设施 来验证您的表单。

示例

本示例来自 Blazorise 官方文档

<Validation Validator="ValidationRule.IsNotEmpty">
    <TextEdit Placeholder="请输入姓名">
        <Feedback>
            <ValidationNone>请输入姓名。</ValidationNone>
            <ValidationSuccess>姓名格式正确。</ValidationSuccess>
            <ValidationError>请输入有效的姓名！</ValidationError>
        </Feedback>
    </TextEdit>
</Validation>

<Validation Validator="ValidateEmail">
    <TextEdit Placeholder="请输入邮箱">
        <Feedback>
            <ValidationNone>请输入邮箱。</ValidationNone>
            <ValidationSuccess>邮箱格式正确。</ValidationSuccess>
            <ValidationError>请输入有效的邮箱！</ValidationError>
        </Feedback>
    </TextEdit>
</Validation>
@code{
    void ValidateEmail( ValidatorEventArgs e )
    {
        var email = Convert.ToString( e.Value );

        e.Status = string.IsNullOrEmpty( email ) ? ValidationStatus.None :
            email.Contains( "@" ) ? ValidationStatus.Success : ValidationStatus.Error;
    }
}

查看 Blazorise 文档 获取更多信息和示例。