如何在 django-registration 中使用 Bootstrap 客户端验证？

Question

网址：http://twitter.github.com/bootstrap/base-css.html#forms

它说我必须添加

<fieldset
class="control-group error">
…
</fieldset>

但是我应该在哪里添加呢？

如果密码不匹配，如果用户名已被使用，如果电子邮件地址无效，我希望输入字段显示红色边框并在右侧显示错误消息（就像在 Twitter Boostrap 表单页面）

这是我的整个 registration_form.html 模板。它有一个 {{ form }} 标签，默认包含 4 个字段：

1. 用户名
2. 电子邮件
3. 密码
4. 密码（再次）

registration_base.html 只是扩展了 base.html，其中包含页面的基本结构。

{% extends "registration/registration_base.html" %}
{% block title %}Register for an account{% endblock %}
{% block content %}

<table>
    <form method='post' action='' class="control-group error" >{% csrf_token %}
        {{ form }}
        <tr><td></td><td><input type="submit" value="Register" /></td>
    </form>
</table>
{% endblock %}

示例：

Answer 1

django-bootstrap 是一个很棒的库，可以自动为您完成这项工作。它依赖于使用它为您呈现的自定义 Form 对象。 django-registration 中用于注册过程的默认表单是registration.forms.RegistrationFormUniqueEmail。要将这种形式与 django-bootstrap 结合起来，您需要定义一个继承自两者的新类。例如，将其放在您的 forms.py 文件中：

# forms.py
from bootstrap.forms import BootstrapForm
from registration.forms import RegistrationFormUniqueEmail
class RegistrationForm(RegistrationFormUniqueEmail, BootstrapForm):
    pass

接下来，你必须告诉 django-registration 使用这个新表单。 django-registration 的默认设置是将其添加到您的 urls.py：

# urls.py
(r'^accounts/', include('registration.backends.default.urls')),

但是，这使用默认形式。要进行自定义，您可以明确指定 URL。从 django-registration 的 default backend urls.py 复制它们。注册的默认条目如下所示：

# urls.py
from registration.views import register
url(r'^register/$',
    register,
    {'backend': 'registration.backends.default.DefaultBackend'},
    name='registration_register'),

要指定要使用自定义表单对象，the documentation 表示可以传递一个参数，form_class，如下所示：

# urls.py
from yourapp.forms import RegistrationForm
from registration.views import register
url(r'^register/$',
    register,
    {'backend': 'registration.backends.default.DefaultBackend'
     'form_class': RegistrationForm},
    name='registration_register'),

您可以对 django-registration 中使用的所有表单重复此过程。出现错误时生成的注册表如下所示：