Question

如何在客户端使用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。

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>

使用Javascript进行Django表单验证

1 个答案: