使用 Javascript 进行 Django 表单验证答案

【问题标题】：Django Form Validation with Javascript使用 Javascript 进行 Django 表单验证
【发布时间】：2013-12-10 12:42:30
【问题描述】：

如何在客户端使用 JavaScript 动态验证 Django 模板中的表单，而无需访问服务器？我正在使用以下代码创建表单：

{% 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 中，我想检查该字段是否为必填项。如果需要，请检查是否输入了数据。如果输入 ok，则发出警报。如果填写了所有必填字段，则只允许从表单调用 url。

【问题讨论】：

请记住，JS 只验证客户端。

标签： django django-models django-forms django-templates

【解决方案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>

【讨论】：