Bootstrap 5 확인 메시지가 표시되지 않음
P粉391677921
P粉391677921 2023-09-06 08:53:55
0
1
626
<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>
P粉391677921
P粉391677921

모든 응답(1)
P粉032649413

답은 다음과 같이 ValidationMessage 구성 요소를 추가하는 것입니다.

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿