<p>我有一个使用 Bootstrap 5.1.0 的 Blazor 网页，其形式如下，验证纯粹是客户端：</p> <pre class="brush:php;toolbar:false;"><EditForm Model="CheckoutViewModel" OnValidSubmit="@HandleValidSubmit" id="borang pembayaran" class="perlu-pengesahan" novalidate="novalidate"> <DataAnnotationsValidator /> <div class="baris g-3"> <div class="col-sm-6"> <label untuk="nama pertama" class="label-bentuk">Nama pertama</label> <Jenis InputText="teks" @bind-Value="CheckoutViewModel.FirsName" class="kawalan bentuk" id="nama pertama" /> <div class="maklum balas tidak sah"> Nama pertama yang sah diperlukan. </div> <div data-lastpass-icon-root="true" style="kedudukan: relatif !penting; ketinggian: 0px !penting; lebar: 0px !penting; terapung: kiri !penting;"></div> </div> <div class="col-sm-6"> <label untuk="Nama Akhir" class="label-bentuk">Nama akhir</label> <Jenis InputText="teks" @bind-Value="CheckoutViewModel.LastName" class="kawalan bentuk" id="Nama Akhir" /> <div class="maklum balas tidak sah"> Nama keluarga yang sah diperlukan. </div> </div> </div> <hr class="my-4"> <button id="serahkan" kelas="w-100 btn btn-btn-lg utama" type="serahkan">Buat Pembayaran Selamat</button> </EditForm></pre> <p>每次我提交表单时，这就是我看到的验证明智的内容：</p> <p>如果我检查包含无效反馈类的 div，它会被设置为 <kod>paparan:tiada</kod>，因澍缺。 <p>我在互联网上搜索，试图找到一种显示验证消息的方法，但无济于事。小于事。小于事v 上，但是如果我这样做，验证消息将永久显示。< /p> <p>当表单以空值提交时，如何让验证消息显示在输入下方，如下所示：</p<

<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>