社区 学习 工具库 休闲
搜索
简体中文
Bootstrap 5 验证消息未显示
P粉391677921
P粉391677921 2023-09-06 08:53:55
0
1
629
<p>我有一个使用 Bootstrap 5.1.0 的 Blazor 网页，其形式如下，验证纯粹是客户端：</p> 

    >

    <div class=“行g-3”>

        <div class="col-sm-6">
            <标签=“firstName” class=“form-label”>名字
            >
            <div class="无效反馈">
                需要有效的名字。
<div data-lastpass-icon-root=“true” style="位置：相对！重要；高度：0px！重要；宽度：0px！重要；浮动：左！重要；>></div>
<div class="col-sm-6"> <标签=“lastName” class=“form-label”>姓氏 > <div class="无效反馈"> 需要有效的姓氏。
<hr class="my-4"> <按钮id=“提交” class＝“w-100 btn btn-primary btn-lg” type=“提交”>进行安全付款 </EditForm></pre> <p>每次我看到提交表单时，这就是我的验证知识的内容：</p> <p>如果我检查包含无效反馈类的 div，它会被设置为 <code>display:none</code>，因此不会显示。</p> <p>我在互联网上搜索，试图找到一种显示验证消息的方法，但无济于事。有些人建议将 d-block 类放在 div 上，但如果我这样做，验证消息将永久显示。< /p> <p>当表单以空值提交时，如何让验证消息显示在输入下方，如下图：</p>
1
0
0
P粉391677921
P粉391677921

全部回复(1)
P粉032649413
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>
点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板