form组件

forms组件的功能
1.渲染html代码
2.校验数据
3.展示提示信息

基本使用

后端

from django import forms
class MyForm(forms.Form):
    # username字符串类型最小3位最大8位
    username = forms.CharField(min_length=3,max_length=8,label='用户名',
                               error_messages={
                                   'min_length':'用户名最少3位',
                                   'max_length':'用户名最大8位',
                                   'required':"用户名不能为空"
                               })
    # password字符串类型最小3位最大8位
    password = forms.CharField(min_length=3,max_length=8)
    # email字段必须符合邮箱格式  xxx@xx.com
    email = forms.EmailField()

def form(request):
	#调用form类
	form_obj = MyForm()
	#判断是否为post请求
	if request.method = 'POST':
		#上下两个属性名要一样,不然无法临时保存数据
		form_obj = MyForm(request.POST)
		#判断数据是否符合MyForm中的数据类型返回true或者false
		if form_obj.is_valid():
			#返回符合后的结果
	return render(request,'form.html',locals())

注:除了is_valid判断是否符合外还有可以查看符合的值与不符合的值及其不符合的原因
cleaned_data 查看所有校验通过的数据
errers 查看所有不符合校验的数据及其原因
注:校验数据时可以多传但是不可以少传(多传的字段会被忽略)

前端

在这里有三种方式显示其内容
<form action='' method='post' novalidate>
<p>第一种渲染方式:代码书写极少，封装程度太高 不便于后续的扩展 一般情况下只在本地测试使用</p>
    {{ form_obj.as_p }}
    {{ form_obj.as_ul }}
    {{ form_obj.as_table }}
<p>第二种渲染方式:可扩展性很强 但是需要书写的代码太多  一般情况下不用</p>
    <p>{{ form_obj.username.label }}:{{ form_obj.username }}</p>
    <p>{{ form_obj.password.label }}:{{ form_obj.password }}</p>
    <p>{{ form_obj.email.label }}:{{ form_obj.email }}</p>
<p>第三种渲染方式(推荐使用):代码书写简单 并且扩展性也高</p>
    {% for form in form_obj %}
        <p>
        {{ form.label }}:{{ form }}
        <span style="color: red">{{ form.errors.0 }}</span>
        </p>
    {% endfor %}

	<input type='submit'>
</form>

注:label值可以自己去类中设置
注:错误提示信息是由浏览器提供的,如果想使用自己的提示信息,在form表单中添加novalidate
注:提示信息的更改是在类中进行的

更改类中的属性

如之前所说的
label 名字信息
error_messages 错误信息
还有
initial 默认值
required 是否为空
validators=[
RegexValidator(r’¹+${}^{\prime }{,}^{\prime }请输入数{字}^{\prime }),RegexValidator(r^{\prime 1}59[0-9]+$’, ‘数字必须以159开头’)
] 正则运用
widget = forms.widgets.PasswordInput() 更改input类型
widget = forms.widgets.TextInput()
widget = forms.widgets.EmailInput()

widget=forms.widgets.PasswordInput(attrs={‘class’:‘form-control c1 c2’})更改input类型并增加class属性(这里的属性为bootstrap)

其他的还有

# radio
    gender = forms.ChoiceField(
        choices=((1, "男"), (2, "女"), (3, "保密")),
        label="性别",
        initial=3,
        widget=forms.widgets.RadioSelect()
    )
    # select
    hobby = forms.ChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
        label="爱好",
        initial=3,
        widget=forms.widgets.Select()
    )
    # 多选
    hobby1 = forms.MultipleChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
        label="爱好",
        initial=[1, 3],
        widget=forms.widgets.SelectMultiple()
    )
    # 单选checkbox
    keep = forms.ChoiceField(
        label="是否记住密码",
        initial="checked",
        widget=forms.widgets.CheckboxInput()
    )
    # 多选checkbox
    hobby2 = forms.MultipleChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
        label="爱好",
        initial=[1, 3],
        widget=forms.widgets.CheckboxSelectMultiple()
    )

---

1. 0-9 ↩︎