django-registraton에서 Boostrap의 클라이언트 측 유효성 검사를 사용하는 방법?

Question

URL은 : http://twitter.github.com/bootstrap/base-css.html#forms

내가

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

하지만 그를 추가를 추가해야 말한다?

비밀번호가 일치하지 않으면 사용자 이름이 이미 사용 된 경우 이메일 주소가 유효하지 않은 경우 입력란에 빨간색 테두리가 표시되고 오른쪽에 오류 메시지가 표시됩니다 (Twitter Boostrap 양식 페이지)

내 전체 registration_form.html 템플릿입니다.

1. 이름
2. 이메일 (다시)
3. 비밀번호
4. 비밀번호

단순히 registration_base.html : 그것은 기본적으로 4 개 필드를 포함하는 {{형태}} 태그가 페이지의 기본 구조를 포함하는 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 객체를 사용합니다. 장고 등록 과정에서 사용되는 기본 양식은 registration.forms.RegistrationFormUniqueEmail입니다. 이 폼을 django-bootstrap과 결합하려면 두 가지를 상속 한 새로운 클래스를 정의해야합니다. 예를 들어, forms.py 파일이 위치 :

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

다음, 당신이 새로운 양식을 사용하는 장고 등록을 이야기해야합니다. 장고 등록을위한 기본 설정은 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'), 

당신을 장고 등록에 사용 된 모든 양식에 대해이 프로세스를 반복 할 수 있습니다.