{{ form.as_table }} 以表格的形式将它们渲染在<tr> 标签中
{{ form.as_p }} 将它们渲染在<p> 标签中
{{ form.as_ul }} 将它们渲染在<li> 标签中
1 <form action="" method="post" novalidate>
2 {% csrf_token %}
3 <p>{{ form.name.label }}
4 {{ form.name }}
5 <span class="pull-right error">{{ form.name.errors.0 }}</span>
6 </p>
7 <p>{{ form.pwd.label }}
8 {{ form.pwd }}
9 <span class="pull-right error">{{ form.pwd.errors.0 }}</span>
10 </p>
11 <p>确认密码
12 {{ form.r_pwd }}
13 <span class="pull-right error">{{ form.r_pwd.errors.0 }}</span>
14 <span class="pull-right error">{{ errors.0 }}</span>
15 </p>
16 <p>邮箱 {{ form.email }}
17 <span class="pull-right error">{{ form.email.errors.0 }}</span>
18 </p>
19 <p>手机号 {{ form.tel }}
20 <span class="pull-right error">{{ form.tel.errors.0 }}</span>
21 </p>
22 <input type="submit">
23 </form>
1 def reg(request):
2 if request.method == "POST":
3 form = UserForm(request.POST) # form表单的name属性值应该与forms组件字段名称一致
4 if form.is_valid():
5 print(form.cleaned_data) # {"name":"yuan","email":"123@qq.com"} 经过检验通过的字段的值的字典
6 else:
7 print(form.cleaned_data) # {"email":"123@qq.com"}
8 errors = form.errors.get("__all__")# 全局错误信息列表
9 return render(request, "reg.html", locals())
10 form = UserForm()
11 return render(request, "reg.html", locals()) 1 from django import forms
2 from django.forms import widgets
3 from app01.models import UserInfo
4
5 from django.core.exceptions import ValidationError
6
7
8 class UserForm(forms.Form):
9 name = forms.CharField(min_length=4, label="用户名", error_messages={"required": "该字段不能为空"},
10 widget=widgets.TextInput(attrs={"class": "form-control"}),initial="张三",
11 )
12 pwd = forms.CharField(min_length=4, label="密码",
13 widget=widgets.PasswordInput(attrs={"class": "form-control"})
14 )
15 r_pwd = forms.CharField(min_length=4, label="确认密码", error_messages={"required": "该字段不能为空"},
16 widget=widgets.TextInput(attrs={"class": "form-control"}))
17 email = forms.EmailField(label="邮箱", error_messages={"required": "该字段不能为空", "invalid": "格式错误"},
18 widget=widgets.TextInput(attrs={"class": "form-control"}))
19 tel = forms.CharField(label="手机号", widget=widgets.TextInput(attrs={"class": "form-control"}))
20
21 def clean_name(self): # 局部钩子
22 val = self.cleaned_data.get("name")
23 ret = UserInfo.objects.filter(name=val)
24 if not ret:
25 return val
26 else:
27 raise ValidationError("该用户已注册!")
28
29 def clean_tel(self): # 局部钩子
30 val = self.cleaned_data.get("tel")
31 if len(val) == 11:
32 return val
33 else:
34 raise ValidationError("手机号格式错误")
35
36 def clean(self): # 全局钩子
37 pwd = self.cleaned_data.get('pwd')
38 r_pwd = self.cleaned_data.get('r_pwd')
39 if pwd and r_pwd:
40 if pwd == r_pwd:
41 return self.cleaned_data
42 else:
43 raise ValidationError('两次密码不一致')
44 else:
45 return self.cleaned_data
无论是form post 还是ajax 都需要携带 csrf token
AJAX请求如何设置csrf_token
方式一
"csrfmiddlewaretoken": $("[name = 'csrfmiddlewaretoken']").val() // 使用JQuery取出csrfmiddlewaretoken的值，拼接到data中
方式二
需要引入一个jquery.cookie.js插件
headers: {"X-CSRFToken": $.cookie('csrftoken')}, // 从Cookie取csrf_token，并设置ajax请求头一般用：
// 从cooikie 取 csft token 的值
function getCookie(name) {
var cookieValue = null;
if (document.cookie && document.cookie !== '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) === (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
var csrftoken = getCookie('csrftoken');
// 将csrftoken 设置到ajax 请求头中，后续的ajax请求就会自动携带这个csrf token
function csrfSafeMethod(method) {
// these HTTP methods do not require CSRF protection
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
$.ajaxSetup({
beforeSend: function (xhr, settings) {
if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
xhr.setRequestHeader("X-CSRFToken", csrftoken);
}
}
});<script src="/static/jquery-3.2.1.min.js"></script>
<script src="/static/init_ajax.js"></script>
publish=forms.ModelChoiceField(queryset=Publish.objects.all())
单选
publish=forms.ModelMultChoiceField(queryset=Publish.objects.all())
多选
<select name="a" id="id_a">
<option value="1">a</option>
<option value="2" selected="">b</option>
</select>
-------------------------------------------------------------
<select name="b" id="id_b">
<option value="1">a</option>
<option value="2" selected="">b</option>
</select>
------------------------------------------------------------
<ul id="id_c">
<li><label for="id_c_0"><input type="radio" name="c" value="1" required="" id="id_c_0">
a</label>
</li>
<li><label for="id_c_1"><input type="radio" name="c" value="2" checked="" required="" id="id_c_1">
b</label>
</li>
</ul>
------------------------------------------------------------
<select name="d" required="" id="id_d" multiple="multiple">
<option value="1" selected="">a</option>
<option value="2" selected="">b</option>
</select>
------------------------------------------------------------------
<input type="checkbox" name="e" value="(1, 2)" checked="" required="" id="id_e">
-------------------------------------------------------------
<ul id="id_f">
<li><label for="id_f_0"><input type="checkbox" name="f" value="1" checked="" id="id_f_0">
a</label>
</li>
<li><label for="id_f_1"><input type="checkbox" name="f" value="2" checked="" id="id_f_1">
b</label>
</li>
</ul>choices实时从数据库中更新
方式一
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.fields['f'].widget.choices = Book.objects.all().values_list('id', 'caption')
for field in iter(self.fields):
self.fields[field].widget.attrs.update({
'class': 'form-control'
})方式二 在字段定义时直接使用ORM语句Field
required=True, 是否允许为空
widget=None, HTML插件
label=None, 用于生成Label标签或显示内容
initial=None, 初始值
help_text='', 帮助信息(在标签旁边显示)
error_messages=None, 错误信息 {'required': '不能为空', 'invalid': '格式错误'}
show_hidden_initial=False, 是否在当前插件后面再加一个隐藏的且具有默认值的插件（可用于检验两次输入是否一直）
validators=[], 自定义验证规则
localize=False, 是否支持本地化
disabled=False, 是否可以编辑
label_suffix=None Label内容后缀
CharField(Field)
max_length=None, 最大长度
min_length=None, 最小长度
strip=True 是否移除用户输入空白
IntegerField(Field)
max_value=None, 最大值
min_value=None, 最小值
FloatField(IntegerField)
...
DecimalField(IntegerField)
max_value=None, 最大值
min_value=None, 最小值
max_digits=None, 总长度
decimal_places=None, 小数位长度
BaseTemporalField(Field)
input_formats=None 时间格式化
DateField(BaseTemporalField) 格式：2015-09-01
TimeField(BaseTemporalField) 格式：11:12
DateTimeField(BaseTemporalField)格式：2015-09-01 11:12
DurationField(Field) 时间间隔：%d %H:%M:%S.%f
...
RegexField(CharField)
regex, 自定制正则表达式
max_length=None, 最大长度
min_length=None, 最小长度
error_message=None, 忽略，错误信息使用 error_messages={'invalid': '...'}
EmailField(CharField)
...
FileField(Field)
allow_empty_file=False 是否允许空文件
ImageField(FileField)
...
注：需要PIL模块，pip3 install Pillow
以上两个字典使用时，需要注意两点：
- form表单中 enctype="multipart/form-data"
- view函数中 obj = MyForm(request.POST, request.FILES)
URLField(Field)
...
BooleanField(Field)
...
NullBooleanField(BooleanField)
...
ChoiceField(Field)
...
choices=(), 选项，如：choices = ((0,'上海'),(1,'北京'),)
required=True, 是否必填
widget=None, 插件，默认select插件
label=None, Label内容
initial=None, 初始值
help_text='', 帮助提示
ModelChoiceField(ChoiceField)
... django.forms.models.ModelChoiceField
queryset, # 查询数据库中的数据
empty_label="---------", # 默认空显示内容
to_field_name=None, # HTML中value的值对应的字段
limit_choices_to=None # ModelForm中对queryset二次筛选
ModelMultipleChoiceField(ModelChoiceField)
... django.forms.models.ModelMultipleChoiceField
TypedChoiceField(ChoiceField)
coerce = lambda val: val 对选中的值进行一次转换
empty_value= '' 空值的默认值
MultipleChoiceField(ChoiceField)
...
TypedMultipleChoiceField(MultipleChoiceField)
coerce = lambda val: val 对选中的每一个值进行一次转换
empty_value= '' 空值的默认值
ComboField(Field)
fields=() 使用多个验证，如下：即验证最大长度20，又验证邮箱格式
fields.ComboField(fields=[fields.CharField(max_length=20), fields.EmailField(),])
MultiValueField(Field)
PS: 抽象类，子类中可以实现聚合多个字典去匹配一个值，要配合MultiWidget使用
SplitDateTimeField(MultiValueField)
input_date_formats=None, 格式列表：['%Y--%m--%d', '%m%d/%Y', '%m/%d/%y']
input_time_formats=None 格式列表：['%H:%M:%S', '%H:%M:%S.%f', '%H:%M']
FilePathField(ChoiceField) 文件选项，目录下文件显示在页面中
path, 文件夹路径
match=None, 正则匹配
recursive=False, 递归下面的文件夹
allow_files=True, 允许文件
allow_folders=False, 允许文件夹
required=True,
widget=None,
label=None,
initial=None,
help_text=''
GenericIPAddressField
protocol='both', both,ipv4,ipv6支持的IP格式
unpack_ipv4=False 解析ipv4地址，如果是::ffff:192.0.2.1时候，可解析为192.0.2.1， PS：protocol必须为both才能启用
SlugField(CharField) 数字，字母，下划线，减号（连字符）
...
UUIDField(CharField) uuid类型
自定义验证规则
from django.core.validators import RegexValidatorfields.CharField(validators=[RegexValidator(r'^159[0-9]+$', '数字必须以159开头'),])from django.core.exceptions import ValidationError
CharField(validators=[mobile_validate, ]）
def mobile_validate(value):
mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
if not mobile_re.match(value):
raise ValidationError('手机号码格式错误')def clean_username(self):
username = self.cleaned_data.get('username')
if '666' in username:
raise ValidationError('只含666学不会')
else:
return username来源：oschina
链接：https://my.oschina.net/u/4418647/blog/4084640