如何使用 Django 表单进行密码确认
how to make password confirmation with Django form
我创建了一个如下所示的 (CustomUserForm):
从 django.contrib.auth.forms 导入 UserChangeForm
从 .models 导入用户
从 django 导入表单
class CustomUserForm(UserChangeForm):
username = forms.CharField(
widget=forms.TextInput(attrs={'class': 'form-control my-2', 'placeholder': 'Enter Username'}))
email = forms.CharField(
widget=forms.TextInput(attrs={'class': 'form-control my-2', 'placeholder': 'Enter The Email'}))
password1 = forms.CharField(
widget=forms.PasswordInput(attrs={'class': 'form-control my-2', 'placeholder': 'Enter The Password'}))
password2 = forms.CharField(
widget=forms.PasswordInput(attrs={'class': 'form-control my-2', 'placeholder': 'Confirm Password'}))
class Meta:
model = User
fields = ['username', 'email', 'password1', 'password2']
和创建新用户对应的视图:
from django.contrib.auth.models import User
from django.contrib.auth.hashers import make_password
def register(request):
if request.method == 'POST':
form = CustomUserForm(request.POST)
if form.is_valid():
username=form.cleaned_data['username']
email=form.cleaned_data['email']
password=make_password(form.cleaned_data['password1'])
data=User(username=username,email=email,password=password)
data.save()
messages.success(request, "Registered Successfully")
return redirect('/login/')
else: #Here GET condition
form = CustomUserForm()
context = {'form': form}
return render(request, 'auth/register.html', context)
这是 register.html
{% extends 'layouts/main.html' %}
{% block title %} {{ category }} {% endblock %}
{% block content %}
<section class="vh-100" style="background-color: #eee;">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-lg-12 col-xl-11">
<div class="card text-black" style="border-radius: 25px;">
<div class="card-body p-md-5">
<div class="row justify-content-center">
<div class="col-md-10 col-lg-6 col-xl-5 order-2 order-lg-1">
<p class="text-center h1 fw-bold mb-5 mx-1 mx-md-4 mt-4">Sign up</p>
<form class="mx-1 mx-md-4" action="" method="POST">
{% csrf_token %}
<div class="d-flex flex-row align-items-center mb-4">
<i class="fas fa-user fa-lg me-3 fa-fw"></i>
<div class="form-outline flex-fill mb-0">
<label class="form-label" for="form3Example1c">Your Name</label>
{{ form.username }}
{% if form.errors.username %}
<span class="bg-danger text-danger">{{ form.errors.username }}</span>
{% endif %}
</div>
</div>
<div class="d-flex flex-row align-items-center mb-4">
<i class="fas fa-envelope fa-lg me-3 fa-fw"></i>
<div class="form-outline flex-fill mb-0">
<label class="form-label" for="form3Example3c">Your Email</label>
{{ form.email }}
{% if form.errors.email %}
<span class="bg-danger text-white">{{ form.errors.email }}</span>
{% endif %}
</div>
</div>
<div class="d-flex flex-row align-items-center mb-4">
<i class="fas fa-lock fa-lg me-3 fa-fw"></i>
<div class="form-outline flex-fill mb-0">
<label class="form-label" for="form3Example4c">Password</label>
{{ form.password1 }}
{% if form.errors.password1 %}
<span class="bg-danger text-danger">{{ form.errors.password1 }}</span>
{% endif %}
</div>
</div>
<div class="d-flex flex-row align-items-center mb-4">
<i class="fas fa-key fa-lg me-3 fa-fw"></i>
<div class="form-outline flex-fill mb-0">
<label class="form-label" for="form3Example4cd">Repeat your password</label>
{{ form.password2 }}
{% if form.errors.password2 %}
<span class="bg-danger text-danger">{{ form.errors.password2 }}</span>
{% endif %}
</div>
</div>
<div class="form-check d-flex justify-content-center mb-5">
<input class="form-check-input me-2" type="checkbox" value="" id="form2Example3c" />
<label class="form-check-label" for="form2Example3">
I agree all statements in <a href="#!">Terms of service</a>
</label>
</div>
<div class="d-flex justify-content-center mx-4 mb-3 mb-lg-4">
<button type="submit" class="btn btn-primary btn-lg">Register</button>
</div>
</form>
</div>
<div class="col-md-10 col-lg-6 col-xl-7 d-flex align-items-center order-1 order-lg-2">
<img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-registration/draw1.webp"
class="img-fluid" alt="Sample image">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
一切正常,除了密码确认,我可以为密码 1 和 2 写一个不同的密码,用户仍然创建.....谢谢
如果两个密码相同,您可以在注册请求中比较它们。
def register(request):
if request.method == 'POST':
form = CustomUserForm(request.POST)
if form.is_valid():
username=form.cleaned_data['username']
email=form.cleaned_data['email']
if form.cleaned_data['password1'] == form.cleaned_data['password2']: # new line
password=make_password(form.cleaned_data['password1'])
data=User(username=username,email=email,password=password)
data.save()
messages.success(request, "Registered Successfully")
return redirect('/login/')
else: #Here GET condition
form = CustomUserForm()
context = {'form': form}
return render(request, 'auth/register.html', context)
我创建了一个如下所示的 (CustomUserForm):
从 django.contrib.auth.forms 导入 UserChangeForm 从 .models 导入用户 从 django 导入表单
class CustomUserForm(UserChangeForm):
username = forms.CharField(
widget=forms.TextInput(attrs={'class': 'form-control my-2', 'placeholder': 'Enter Username'}))
email = forms.CharField(
widget=forms.TextInput(attrs={'class': 'form-control my-2', 'placeholder': 'Enter The Email'}))
password1 = forms.CharField(
widget=forms.PasswordInput(attrs={'class': 'form-control my-2', 'placeholder': 'Enter The Password'}))
password2 = forms.CharField(
widget=forms.PasswordInput(attrs={'class': 'form-control my-2', 'placeholder': 'Confirm Password'}))
class Meta:
model = User
fields = ['username', 'email', 'password1', 'password2']
和创建新用户对应的视图:
from django.contrib.auth.models import User
from django.contrib.auth.hashers import make_password
def register(request):
if request.method == 'POST':
form = CustomUserForm(request.POST)
if form.is_valid():
username=form.cleaned_data['username']
email=form.cleaned_data['email']
password=make_password(form.cleaned_data['password1'])
data=User(username=username,email=email,password=password)
data.save()
messages.success(request, "Registered Successfully")
return redirect('/login/')
else: #Here GET condition
form = CustomUserForm()
context = {'form': form}
return render(request, 'auth/register.html', context)
这是 register.html
{% extends 'layouts/main.html' %}
{% block title %} {{ category }} {% endblock %}
{% block content %}
<section class="vh-100" style="background-color: #eee;">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-lg-12 col-xl-11">
<div class="card text-black" style="border-radius: 25px;">
<div class="card-body p-md-5">
<div class="row justify-content-center">
<div class="col-md-10 col-lg-6 col-xl-5 order-2 order-lg-1">
<p class="text-center h1 fw-bold mb-5 mx-1 mx-md-4 mt-4">Sign up</p>
<form class="mx-1 mx-md-4" action="" method="POST">
{% csrf_token %}
<div class="d-flex flex-row align-items-center mb-4">
<i class="fas fa-user fa-lg me-3 fa-fw"></i>
<div class="form-outline flex-fill mb-0">
<label class="form-label" for="form3Example1c">Your Name</label>
{{ form.username }}
{% if form.errors.username %}
<span class="bg-danger text-danger">{{ form.errors.username }}</span>
{% endif %}
</div>
</div>
<div class="d-flex flex-row align-items-center mb-4">
<i class="fas fa-envelope fa-lg me-3 fa-fw"></i>
<div class="form-outline flex-fill mb-0">
<label class="form-label" for="form3Example3c">Your Email</label>
{{ form.email }}
{% if form.errors.email %}
<span class="bg-danger text-white">{{ form.errors.email }}</span>
{% endif %}
</div>
</div>
<div class="d-flex flex-row align-items-center mb-4">
<i class="fas fa-lock fa-lg me-3 fa-fw"></i>
<div class="form-outline flex-fill mb-0">
<label class="form-label" for="form3Example4c">Password</label>
{{ form.password1 }}
{% if form.errors.password1 %}
<span class="bg-danger text-danger">{{ form.errors.password1 }}</span>
{% endif %}
</div>
</div>
<div class="d-flex flex-row align-items-center mb-4">
<i class="fas fa-key fa-lg me-3 fa-fw"></i>
<div class="form-outline flex-fill mb-0">
<label class="form-label" for="form3Example4cd">Repeat your password</label>
{{ form.password2 }}
{% if form.errors.password2 %}
<span class="bg-danger text-danger">{{ form.errors.password2 }}</span>
{% endif %}
</div>
</div>
<div class="form-check d-flex justify-content-center mb-5">
<input class="form-check-input me-2" type="checkbox" value="" id="form2Example3c" />
<label class="form-check-label" for="form2Example3">
I agree all statements in <a href="#!">Terms of service</a>
</label>
</div>
<div class="d-flex justify-content-center mx-4 mb-3 mb-lg-4">
<button type="submit" class="btn btn-primary btn-lg">Register</button>
</div>
</form>
</div>
<div class="col-md-10 col-lg-6 col-xl-7 d-flex align-items-center order-1 order-lg-2">
<img src="https://mdbcdn.b-cdn.net/img/Photos/new-templates/bootstrap-registration/draw1.webp"
class="img-fluid" alt="Sample image">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
一切正常,除了密码确认,我可以为密码 1 和 2 写一个不同的密码,用户仍然创建.....谢谢
如果两个密码相同,您可以在注册请求中比较它们。
def register(request):
if request.method == 'POST':
form = CustomUserForm(request.POST)
if form.is_valid():
username=form.cleaned_data['username']
email=form.cleaned_data['email']
if form.cleaned_data['password1'] == form.cleaned_data['password2']: # new line
password=make_password(form.cleaned_data['password1'])
data=User(username=username,email=email,password=password)
data.save()
messages.success(request, "Registered Successfully")
return redirect('/login/')
else: #Here GET condition
form = CustomUserForm()
context = {'form': form}
return render(request, 'auth/register.html', context)