python - 添加 css 样式后 Django formwizard 中断 django-material

Question

我的 Django 项目使用基本模板来渲染 View ，如下面的粘贴 http://pastebin.com/uUZT40ge 所示。从 root 作为 base.html 和 django-material https://pypi.python.org/pypi/django-material 调用提供表单元素的样式和布局。使用如下简单的 for 即可正常工作:

    {% extends "base.html" %}
{% load i18n material_form %}
{% block content %}
<form  action="" method="post">
    {% csrf_token %}
    {% form form=form %}{% endform %}
    <input type="submit" value="Proceed" />
</form>
{% endblock %}

但是，当使用与 formwizard 相同的基本模板来呈现一组三个表单时。第一个表单以正确的布局和样式显示，但在提交时不会继续进行下一步。

    {% extends "base.html" %}
{% load material_form %}
{% block content %}
<form  action="" method="post">
    {% csrf_token %}
    {{ wizard.management_form }}
    {% if wizard.form.forms %}
        {{ wizard.form.management_form }}
            {% for form in wizard.form.forms %}
                {% form form=form %}{% endform %}
            {% endfor %}
    {% else %}
        {{ wizard.form }}
    {% endif %}
    <input type="submit" value="Proceed" />
</form>
{% endblock %}

OSX10.10 上的 Django 版本为 1.8

Answer 1

将表单模板更改为以下内容可以修复问题:

<form  action="" method="post">
{% csrf_token %}
{{ wizard.management_form }}
{% if wizard.form.forms %}
    {{ wizard.form.management_form }}
        {% for form in wizard.form.forms %}
            {% form %}{% endform %}
        {% endfor %}
{% else %}
    {% form form=wizard.form %}{% endform %}
{% endif %}
<input