简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
집
기사
Q&A
강의
주제
다운로드
게임
사전
최근 업데이트

집  >  Q&A  >  본문

로더가 팝업되고 실행이 중지됨: 페이지 제출 시 양식 오류 발생

<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 초보자입니다.

P粉216203545P粉216203545434일 전557

모든 응답(1)나는 대답할 것이다

  • P粉148434742

    P粉1484347422023-09-05 09:38:52

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

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

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

    으아악

    그게 바로 해결책입니다.

    회신하다
    0
  • 취소회신하다