Bootstrap 5 확인 메시지가 표시되지 않음

Question

내가 가지고 있는 Bootstrap 5.1.0 의 Blazor 网页，其shape式如下，验证纯粹是客户端：

<EditForm Model="CheckoutViewModel" OnValidSubmit="@HandleValidSubmit" id="결제 양식" class="필요성 검증" novalidate="novalidate">
    <DataAnnotationsValidator />

    <div class="row g-3">

        <div class="col-sm-6">
            <label for="firstName" class="form-label">이름</label>
            <InputText 유형="텍스트" @bind-Value="CheckoutViewModel.FirsName" class="양식 제어" id="이름" />
            <div class="invalid-feedback">
                유효한 이름이 필요합니다.
            </div>
            <div data-lastpass-icon-root="true" style="위치: 상대 !중요; 높이: 0px !중요; 너비: 0px !중요; float: 왼쪽 !중요;"></div>
        </div>

        <div class="col-sm-6">
            <label for="성" class="form-label">성</label>
            <InputText 유형="텍스트" @bind-Value="CheckoutViewModel.LastName" class="양식 제어" id="성" />
            <div class="invalid-feedback">
                유효한 성(姓)이 필요합니다.
            </div>
        </div>

    </div>

    <hr class="my-4">

    <버튼 id="제출" class="w-100 btn btn-1차 btn-lg" type="submit">안전한 결제</button>

</EditForm>

每次我提交表单时，这就是我看到表内容：

如果我检查包含无效反馈类的 div，它会被设置为 display:none，因此它不会显示。

저는 互联网上搜索, 试图找到一种显示验证消息的这,但无济于事에 있습니다.样做，验证消息将永久显示。< /p>

当表单以空值提交时，如何让验证消息显示在输入下方，如下所示：

Answer 1

답은 다음과 같이 ValidationMessage 구성 요소를 추가하는 것입니다.

으아악