Bootstrap 5 확인 메시지가 표시되지 않음
P粉391677921
2023-09-06 08:53:55
<p>내가 가지고 있는 Bootstrap 5.1.0 의 Blazor 网页,其shape式如下,验证纯粹是客户端:</p>
<pre class="brush:php;toolbar:false;"><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></pre>
<p>每次我提交表单时,这就是我看到表内容:</p>
<p>如果我检查包含无效反馈类的 div,它会被设置为 <code>display:none</code>,因此它不会显示。</p>
<p>저는 互联网上搜索, 试图找到一种显示验证消息的这,但无济于事에 있습니다.样做,验证消息将永久显示。< /p>
<p>当表单以空值提交时,如何让验证消息显示在输入下方,如下所示:</p>
답은 다음과 같이
으아악ValidationMessage
구성 요소를 추가하는 것입니다.