자바 스크립트로 장고 양식 유효성 검사

Question

서버로 이동하지 않고 클라이언트 쪽에서 동적으로 자바 스크립트를 사용하여 장고 템플릿에서 양식의 유효성을 검사하려면 어떻게해야합니까? 아래 코드를 사용하여 양식을 작성합니다.

{% for field in form %} 
    {% if field.field.required %} 
     <span style="color:red;" class = "shiva">*</span> 
    {% endif %} 
    {% if field.errors %} 
     <span class="dropt" style="color:red;"> {{ field.label_tag }}:<span >{{field.errors.0}}</span></span> {{ field }} 
    {% else %} 
     {{ field.label_tag }}: {{ field }} 
    {% endif %} 

JS에서 필드가 필수인지 여부를 확인하고 싶습니다. 필요한 경우 데이터가 입력되었는지 확인하십시오. 확인을 입력하면 경고를 발생시킵니다. 모든 필수 필드가 채워지면 양식의 URL 만 호출 할 수 있습니다.

Answer 1

실습 했습니까? 부터 https://code.google.com/p/django-ajax-forms/

{% load ajax_form_utils %} 
<form method="post"> 
    <table> 
    {{ form.as_table }} 
    <tr><td></td><td><input type="submit" /></td></tr> 
    </table> 
</form> 

<script type="text/javascript"> 
    $(function(){ 
     $('form').validation({% render_ajax_fields form %}); 
    }); 
</script>