Bootstrap 5 検証メッセージが表示されない

Question

私は Bootstrap 5.1.0 の Blazor ネットワークを使用しています。その形式は次のとおりです。

<EditForm Model="CheckoutViewModel" OnValidSubmit="@HandleValidSubmit" id="支払いフォーム" class="検証が必要" novalidate="novalidate">
    <DataAnnotationsValidator />

    <div class="行 g-3""

        <div class="col-sm-6">
            <label for="firstName" class="フォームラベル">名</label>
            <InputText タイプ="テキスト" @bind-Value="CheckoutViewModel.FirsName"クラス= "フォームコントロール" id="名" />
            <div class="無効なフィードバック">
                有効な名が必要です。
            </div>
            <div data-lastpass-icon-root="true" style="位置: 相対 !重要;高さ: 0px !重要;幅: 0px !重要; float: 左 !重要;></div>
        </div>

        <div class="col-sm-6">
            <label for="lastName" class="form-label">姓</label>
            <InputText タイプ="テキスト" @bind-Value="CheckoutViewModel.LastName"クラス= "フォームコントロール" id="姓" />
            <div class="無効なフィードバック">
                有効な姓が必要です。
            </div>
        </div>

    </div>

    <hr class="my-4">

    <ボタンID=「送信」 class="w-100 btn btn-primary btn-lg" type="submit">安全な支払いを行う</button>

</EditForm>

次回私が提交したとき、これは私が見た明智の内容です：

非効率なリバースタイプの div が含まれていることが検出された場合、その div は に設定されるため、表示されない可能性があります。 <私たちはインターネット上で検索し、テストメッセージを表示する方法を見つけましたが、実際はそうではありませんでした。 /p>

表が空に転送されている場合、次のように入力側にテストメッセージが表示される方法:

Answer 1

答えは、次のように ValidationMessage コンポーネントを追加することです:

リーリー