로더가 팝업되고 실행이 중지됨: 페이지 제출 시 양식 오류 발생
P粉216203545
P粉216203545 2023-09-04 10:52:57
0
1
551
<p>저는 현재 제출 버튼을 클릭할 때 로더를 팝업하기 위해 이 자바스크립트를 사용하고 있습니다. 양식 오류가 없으면 로더가 제대로 작동하고 대기 후 응답을 표시합니다. 그러나 양식 입력 오류가 발생하면 로더가 계속 회전하고 요청이 백엔드에 제출되지 않지만 로더가 무한히 회전합니다. </p> <pre class="brush:php;toolbar:false;"><div id="loader" class= "lds-dual-ring 숨겨진 오버레이> <div class="lds-dual-ring 숨겨진 오버레이"</div> <div class="loadcontent"><div><strong>요청을 처리하는 중입니다... 최대 2분 정도 소요될 수 있습니다.
<pre class="brush:php;toolbar:false;">$('#submitBtn').click(function () { $('#loader').removeClass('숨김') // $('#loader').html('로딩').addClass('loadcontent') // $("#loading").html("Loading"); }) ``` 이는 패턴과 일치하고 제출을 클릭할 때 양식 유효성 검사를 수행하는 코드 줄입니다. </pre> <pre class="brush:php;toolbar:false;"><div class="form-group"> <div class="form-control"style="padding: 0;"> {% ifequal field.name '포트' %} {% render_field field ="rowforinput marginforfields form-control" style="height: 23px; margin-right: 0" title="" 예: 1/1/48 / 16" 패턴="^[12]/1/(?:[1-3]d|4[0-8]|[1-9])$" 필수=true %} {% endifequal %} </div> <pre class="brush:php;toolbar:false;">양식 입력 오류가 없을 때만 이 로더 스크립트가 실행되도록 하려면 어떻게 해야 합니까? 저는 Django, Javascript 및 html로 작업하고 있으며 JS 초보자입니다.

1
0
0
P粉216203545
P粉216203545

모든 응답(1)
P粉148434742

많은 사람들에게 해결책을 물었지만 전체 코드를 보지 않고는 누구도 문제를 이해할 수 없었기 때문에 아무도 해결책을 제시하지 않았고 마침내 이것이 해결책이었습니다.

내 자바스크립트 코드는 "클릭" 이벤트에서 실행되며 내 양식 ID를 수용할 수 있도록 "제출" 이벤트로 변경해야 합니다. 그게 다야! !

내 새로운 자바스크립트 코드는 다음과 같습니다:

으아악

그게 바로 해결책입니다.

인기 주제
더>
인기 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!