Bootstrap 5 验证消息未显示

Question

<p>我有一个使用 Bootstrap 5.1.0 的 Blazor 网页，其形式如下，验证纯粹是客户端：</p>

    >

    <div class=“行g-3”>

        <div class="col-sm-6">
            <标签=“firstName” class=“form-label”>名字
            >
            <div class="无效反馈">
                需要有效的名字。
            

Answer 1

答案是添加 ValidationMessage 组件，如下所示：

<div class="col-sm-6">
        <label for="firstName" class="form-label">First name</label>
        <InputText type="text" @bind-Value="CheckoutViewModel.FirstName" class="form-control" id="firstName" />
        <ValidationMessage For="@(() => CheckoutViewModel.FirstName)" />            
    </div>