사용자 정의 Django 양식이 로컬에서 제대로 제출되지만 서버에서는 수신되지 않습니다.

Question

완전히 엉망입니다. 나는 상호 작용을위한 JS로 사용자 정의 된 양식을 가지고있다. 정말 간단합니다. 그리고 그것은 지역에서 위대한 작품. 그러나 서버에서 사용자가 드롭 다운 선택을 사용하면 양식이 제출되지 않습니다.

나는이 문제의 원인이 무엇인지 알지 못해서 나를 미치게합니다.

라이브 형태

은 여기에 있습니다 : 나는이 문제를 해결 할 수 있도록

JS http://trainer.cbirt.org/events/test-event/sign-up/ 지금 압축되지 않습니다.

은 지금까지 나는 시도했다 :

• 멀리 불고 일요일
로는 JS 일곱 가지 방법을 작동하는 방법 재 작업 파일
• 에 관련 JS 지역을 배치 서버
• 에 VE 재건

내가 할 수있는 유일한 일은 모든 JS를 로컬로 호스팅하는 것입니다.하지만 제출이 JS를 기반으로하지 않기 때문에 이것이 작동하는 이유는 이해가되지 않습니다.

모든 제안 사항을 환영합니다.

양식 코드 :

{% extends "events/base.html" %} 

{% block page_class %}full-screen{% endblock page_class %} 

{% block content%} 

<h1>Sign Up for {{ event.title }}</h1> 

<ul class="instructions"> 
<li>Fill in your name and email address, and tell us if you are a Team member</li> 
<li>Fill in the form that appears</li> 
<li>Click Submit</li> 
</ul> 

{% if form.errors %} 
    <ul class="errors"> 
     {% for error in form.errors %} 
      {% if error == "first_name" %} 
       <li>Please enter your <strong>first name</strong>.</li> 
      {% endif %} 
      {% if error == "last_name" %} 
       <li>Please enter your <strong>last name</strong>.</li> 
      {% endif %} 
      {% if error == "email" %} 
       <li>Please enter your <strong>email</strong>.</li> 
      {% endif %} 
     {% endfor %} 
    </ul> 
{% endif %} 

<form method="post" action="" id="signup"> 

    {% csrf_token %} 

    <div class="form_block"> 
     <label for="id_first_name">First name:</label> 
     <input id="id_first_name" type="text" name="first_name" maxlength="50" /> 
    </div> 

    <div class="form_block"> 
     <label for="id_last_name">Last name:</label> 
     <input id="id_last_name" type="text" name="last_name" maxlength="50" /> 
    </div> 

    <div class="form_block"> 
     <label for="id_email">Email:</label> 
     <input id="id_email" type="text" name="email" maxlength="75" /> 
    </div> 

    <div class="form_block team_mem"> 
     <label for="id_tbi_team_member">Are you a TBI Team Member?</label> 
     <div class="yes-no"> 
      <span class="yes">Yes</span> 
      <span class="no">No</span> 
     </div> 
     <input type="checkbox" name="tbi_team_member" id="id_tbi_team_member" /> 
    </div> 

    <section class="team-member"> 
     <div class="form_block"> 
      <label for="id_hotel_checkin_date">Hotel checkin date:</label> 
      <input type="text" name="hotel_checkin_date" id="id_hotel_checkin_date" /> 
     </div> 

     <div class="form_block"> 
      <label for="id_hotel_checkout_date">Hotel checkout date:</label> 
      <input type="text" name="hotel_checkout_date" id="id_hotel_checkout_date" /> 
     </div> 

     <div class="form_block"> 
      <label for="id_yes_share">Are you willing to share a room?</label> 
      <div class="yes-no"> 
       <span class="yes">Yes</span> 
       <span class="no">No</span> 
      </div> 
      <input type="checkbox" name="yes_share" id="id_yes_share" /> 
     </div> 

     <div class="form_block"> 
      <label for="id_share_suite">Are you willing to share a suite?</label> 
      <div class="yes-no"> 
       <span class="yes">Yes</span> 
       <span class="no">No</span> 
      </div> 
      <input type="checkbox" name="share_suite" id="id_share_suite" /> 
     </div> 

     <div class="form_block"> 
      <label for="id_team_dinner">Will you join us for the team dinner?</label> 
      <div class="yes-no"> 
       <span class="yes">Yes</span> 
       <span class="no">No</span> 
      </div> 
      <input type="checkbox" name="team_dinner" id="id_team_dinner" /> 
     </div> 

    </section> 

    <section class="not-team-member"> 

     <div class="form_block"> 
      <h3>Price of training per day - $40</h3> 
     </div> 

     <div class="form_block"> 
      <label for="id_payment_method">Payment method:</label> 
      <select name="payment_method" id="id_payment_method"> 
       <option value="" selected="selected">---------</option> 
       <option value="2">Cash</option> 
       <option value="3">Check</option> 
       <option value="4">PO</option> 
      </select> 
     </div> 

     <div class="form_block"> 
      <h4>Cash and checks will be collected at the door.</h4> 
     </div> 

    </section> 

    <section class="general"> 

     <div class="form_block"> 
      <label for="id_dietary_restrictions">Do you have dietary restrictions?</label> 
      <input id="id_dietary_restrictions" type="text" name="dietary_restrictions" maxlength="200" /> 
     </div> 

     <div class="form_block"> 
      {% if event.pdu %} 
       <p>{{ event.pdu.content }}</p> 
      {% endif %} 
      {% if event.ceu %} 
       <p>{{ event.ceu.content }}</p> 
      {% endif %} 
     </div> 

     <div class="form_block"> 
      <label for="id_your_notes">Notes and special accommodations:</label> 
      <textarea id="id_your_notes" rows="10" cols="40" name="your_notes"></textarea> 
     </div> 

    </section> 

    <div class="form_block"> 
     <input type="submit" value="Submit" class="button" id="event-signup" /> 
    </div> 
</form> 

{% endblock content %} 

{% block addthis %}{% endblock addthis %} 

내가/숨겨진 필드가 볼 수있는 내용은 JS

$('#id_payment_method').change(function(event) { 
    //console.log($(this)); 
    $('option').each(function(event) { 
     $('option:not(:selected)').attr('selected', false); 
     $('option:selected').attr('selected', true); 
    }); 
}); 

Answer 1

은 라디오 박스를 기반으로 표시됩니다.

양식 제출시 필수 사항이 아닌지 확인합니다. 그렇다면 필드 오류가 표시되지 않기 때문에 동일한 페이지에서 멈추지 만 출력이 제공되지 않습니다.

라디오 필드에서 자바 스크립트를 사용 중지하고 각 입력란에 필드 오류를 표시하여이를 디버깅 할 수 있습니다.

희망이 도움이 될 수 있습니다.