国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

社區(qū)

學(xué)習(xí)

工具庫

AI工具

休閑

簡(jiǎn)體中文

Bootstrap 5 驗(yàn)證消息未顯示

P粉391677921 2023-09-06 08:53:55

759

<p>我有一個(gè)使用 Bootstrap 5.1.0 的 Blazor 網(wǎng)頁，其形式如下，驗(yàn)證純粹是客戶端：</p>


    >

    <div class=“行g(shù)-3”>

        <div class="col-sm-6">
            <標(biāo)簽=“firstName” class=“form-label”>名字
            >
            <div class="無效反饋">
                需要有效的名字。

<div class="col-sm-6"> <標(biāo)簽=“l(fā)astName” class=“form-label”>姓氏 > <div class="無效反饋"> 需要有效的姓氏。

<hr class="my-4"> <按鈕id=“提交” class＝“w-100 btn btn-primary btn-lg” type=“提交”>進(jìn)行安全付款 </EditForm></pre> <p>每次我看到提交表單時(shí)，這就是我的驗(yàn)證知識(shí)的內(nèi)容：</p> <p>如果我檢查包含無效反饋類的 div，它會(huì)被設(shè)置為 <code>display:none</code>，因此不會(huì)顯示。</p> <p>我在互聯(lián)網(wǎng)上搜索，試圖找到一種顯示驗(yàn)證消息的方法，但無濟(jì)于事。有些人建議將 d-block 類放在 div 上，但如果我這樣做，驗(yàn)證消息將永久顯示。< /p> <p>當(dāng)表單以空值提交時(shí)，如何讓驗(yàn)證消息顯示在輸入下方，如下圖：</p>

P粉391677921

全部回復(fù)(1)

P粉0326494132023-09-07 00:10:29 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>

點(diǎn)贊 +0

添加回復(fù)

熱門專題

更多>