Form介绍

我们之前在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。

与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。

Django form组件就实现了上面所述的功能。

总结一下，其实form组件的主要功能如下:

  • 生成页面可用的HTML标签
  • 对用户提交的数据进行校验
  • 保留上次输入内容

普通方式手写注册功能

views.py

  1. from django.shortcuts import render,HttpResponse,redirect
    from app01 import models
  2.  
  3. #正常的form表单  做个长度限制
    def register(request):
  4.  
  5.     name_err = ''  #先设置一个空的错误提示消息
  6.  
  7.     if request.method == 'POST':
            user = request.POST.get('user')
            pwd = request.POST.get('pwd')
            print(user,pwd)
            if len(user) < 6:
                name_err = '注册账户长度不够'
  8.  
  9.         else:
                return HttpResponse('注册成功')
  10.  
  11.     return render(request,'register.html',{'name_err':name_err})

register.html

  1. <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>注册</title>
    </head>
    <body>
  2.  
  3. <form action="" method="post">
  4.  
  5.     {% csrf_token %}
  6.  
  7.     <p>账户
            <input type="text" name="user">
            <span style="color: red">{{ name_err }}</span>
        </p>
        <p>密码
            <input type="text" name="pwd">
        </p>
        <button>提交</button>
  8.  
  9. </form>
  10.  
  11. </body>
    </html>

使用form组件实现注册功能

views.py

在aoo01文件下创建一个forms.py文件

在forms文件中定义好一个RegForm类：

  1. from django import forms
  2.  
  3. #按照Django form组件的要求写一个类
  4.  
  5. class RegFoem(forms.Form):
        user = forms.CharField()
        pwd = forms.CharField()

再写一个视图函数：

  1. # 按照  Django form组件  实现注册方式
    from app01 import forms
    def register2(request):
        form_obj = forms.RegFoem()  # 初始化一个空的 form对象（为了第一次传给HTML）
  2.  
  3.     if request.method =='POST':
            form_obj = forms.RegFoem(request.POST)  # 实例化form对象的时候，把post提交过来的数据直接传进去
  4.  
  5.         #调用forms.RegFoem对象的校验的方法  （不初始化不可用）
            if form_obj.is_valid():
                return HttpResponse('注册成功')
        return render(request,'register2.html',{'form_obj':form_obj})

register.html文件

  1. <form action="" method="post">
  2.     {% csrf_token %}
  3.     {{ form_obj.as_p }}
  4.     <button>提交</button>
  5. </form>

此时展示结果为

在浏览器产看源码

  1. <form action="" method="post">
  2.     <input type="hidden" name="csrfmiddlewaretoken" value="jMtOCzlD9EkA49enxdG1c6lxhXUMIiuwk1IFC2ZSve4mTKqpvZy1Xuad8hN8k57H">
  3.     <p><label for="id_user">User:</label> <input type="text" name="user" required="" id="id_user"></p>
  4. <p><label for="id_pwd">Pwd:</label> <input type="text" name="pwd" required="" id="id_pwd"></p>
  5.     <button>提交</button>
  6. </form>   // 说明Django 组件方法提供了一个方法实现的 通过forms文件中的  限制修改成中文

修改下forms文件

  1. class RegFoem(forms.Form):
  2.     user = forms.CharField(label='账户')
  3.     pwd = forms.CharField(label='密码')

再重启服务 查看

但是现在是Django全做了  ，如果我想修改样式呢？

在模板操作

  1. <form action="" method="post" novalidate>  // novalidate：不使用django提供的报错输出
  2.     {% csrf_token %}
  3. {#    {{ form_obj.as_p }}#}
  4.     <p>
  5.         {{ form_obj.user.label }}  // 得到你设置的 账户
  6.         {{ form_obj.user }}  // 得到你的账号对应的input框
  7.     </p>
  8.     <p>
  9.         {{ form_obj.pwd.label }}  //得到设置的密码
  10.         {{ form_obj.pwd }}  // 得到设置的密码input框
  11.     </p>
  12.     <button>提交</button>
  13. </form>   // 结果和上边的　　{{form_obj.as_p}} 结果一样

如果没通过限制需要添加报错信息

forms文件中

  1.  
  1. from django import forms
  2.  
  3. # 按照Django form组件的要求写一个类
  4.  
  5. class RegForm(forms.Form):
  6.  
  7.     user = forms.CharField(
            label='账户',
            min_length=5,
            required=True,
            error_messages={
                'min_length':'注册最少输入5个',
                'required':'输入不能为空'
            }
        )
  8.  
  9.     pwd = forms.CharField(label='密码',required=True, min_length=6,error_messages={'min_length':'密码长度最少6位','required':'输入不能为空'})

htnl中

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <title>标题</title>
  7. </head>
  8. <body>
  9.  
  10. <form action="" method="post" novalidate>
  11.     {% csrf_token %}
  12. {#    {{ form_obj.as_p }}#}
  13.     <p> {{ form_obj.user.label }}
  14.         {{ form_obj.user }}
  15.         <span style="color: red">{{ form_obj.user.errors.0 }}</span>  //form_obj.user.errors :生成的是 ui和li标签   需要用　　.0  取到具体的li标签内容
  16.     </p>
  17.     <p>
  18.         {{ form_obj.pwd.label }}
  19.         {{ form_obj.pwd }}
  20.         <span style="color: red">{{ form_obj.pwd.errors.0}}</span>  //和上边一样
  21.     </p>
  22.     <button>提交</button>
  23. </form>
  24.  
  25. </body>
  26. </html>

没通过限制的在页面显示结果

由此大致可以看到的结果，验证了form的功能

• 前端页面是form类的对象生成的                                      -->生成HTML标签功能
• 当用户名和密码输入为空或输错之后 页面都会提示        -->用户提交校验功能
• 当用户输错之后 再次输入 上次的内容还保留在input框   -->保留上次输入内容

Form那些事儿

常用字段与插件

创建Form类时，主要涉及到 【字段】 和 【插件】，字段用于对用户请求数据的验证，插件用于自动生成HTML;

initial

初始值，input框里面的初始值。

  1. class LoginForm(forms.Form):
  2.     username = forms.CharField(
  3.         min_length=8,
  4.         label="用户名",
  5.         initial="张三"  # 设置默认值
  6.     )
  7.     pwd = forms.CharField(min_length=6, label="密码")

error_messages

重写错误信息。

  1. class LoginForm(forms.Form):
  2.     username = forms.CharField(
  3.         min_length=8,
  4.         label="用户名",
  5.         initial="张三",
  6.         error_messages={
  7.             "required": "不能为空",
  8.             "invalid": "格式错误",
  9.             "min_length": "用户名最短8位"
  10.         }
  11.     )
  12.     pwd = forms.CharField(min_length=6, label="密码")
  13.  
  14. #     ---------------#
    页面展示结果

  1.  

password

  1. class LoginForm(forms.Form):　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
  1.     ...
  2.     pwd = forms.CharField(
  3.         min_length=6,
  4.         label="密码",
  5.         widget=forms.widgets.PasswordInput(attrs={'class': 'c1'}, render_value=True)
  6.     )

radioSelect

单radio值为字符串

  1. class LoginForm(forms.Form):
  2.     username = forms.CharField(
  3.         min_length=8,
  4.         label="用户名",
  5.         initial="张三",
  6.         error_messages={
  7.             "required": "不能为空",
  8.             "invalid": "格式错误",
  9.             "min_length": "用户名最短8位"
  10.         }
  11.     )
  12.     pwd = forms.CharField(min_length=6, label="密码")
  13.     gender = forms.fields.ChoiceField(
  14.         choices=((1, "男"), (2, "女"), (3, "保密")),
  15.         label="性别",
  16.         initial=3,
  17.         widget=forms.widgets.RadioSelect()
  18.     )

单选Select

  1. class LoginForm(forms.Form):
  2.     ...
  3.     hobby = forms.fields.ChoiceField(
  4.         choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
  5.         label="爱好",
  6.         initial=3,
  7.         widget=forms.widgets.Select()
  8.     )

多选Select

  1. class LoginForm(forms.Form):
  2.     ...
  3.     hobby = forms.fields.MultipleChoiceField(
  4.         choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
  5.         label="爱好",
  6.         initial=[1, 3],
  7.         widget=forms.widgets.SelectMultiple()
  8.     )

单选checkbox

  1. class LoginForm(forms.Form):
  2.     ...
  3.     keep = forms.fields.ChoiceField(
  4.         label="是否记住密码",
  5.         initial="checked",
  6.         widget=forms.widgets.CheckboxInput()
  7.     )

多选checkbox

  1. class LoginForm(forms.Form):
  2.     ...
  3.     hobby = forms.fields.MultipleChoiceField(
  4.         choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
  5.         label="爱好",
  6.         initial=[1, 3],
  7.         widget=forms.widgets.CheckboxSelectMultiple()
  8.     )

关于choice的注意事项：

在使用选择标签时，需要注意choices的选项可以从数据库中获取，但是由于是静态字段 ***获取的值无法实时更新***，那么需要自定义构造方法从而达到此目的。

方式一：

  1. from django.forms import Form
  2. from django.forms import widgets
  3. from django.forms import fields
  4.  
  5. class MyForm(Form):
  6.  
  7.     user = fields.ChoiceField(
  8.         # choices=((1, '上海'), (2, '北京'),),
  9.         initial=2,
  10.         widget=widgets.Select
  11.     )
  12.  
  13.     def __init__(self, *args, **kwargs):
  14.         super(MyForm,self).__init__(*args, **kwargs)
  15.         # self.fields['user'].choices = ((1, '上海'), (2, '北京'),)
  16.         # 或
  17.         self.fields['user'].choices = models.Classes.objects.all().values_list('id','caption')

方式二：

  1. from django import forms
  2. from django.forms import fields
  3. from django.forms import models as form_model
  4.  
  5. class FInfo(forms.Form):
  6.     authors = form_model.ModelMultipleChoiceField(queryset=models.NNewType.objects.all())  # 多选
  7.     # authors = form_model.ModelChoiceField(queryset=models.NNewType.objects.all())  # 单选

Django Form所有内置字段

  1. Field
  2.     required=True,               是否允许为空
  3.     widget=None,                 HTML插件
  4.     label=None,                  用于生成Label标签或显示内容
  5.     initial=None,                初始值
  6.     help_text='',                帮助信息(在标签旁边显示)
  7.     error_messages=None,         错误信息 {'required': '不能为空', 'invalid': '格式错误'}
  8.     validators=[],               自定义验证规则
  9.     localize=False,              是否支持本地化
  10.     disabled=False,              是否可以编辑
  11.     label_suffix=None            Label内容后缀
  12.  
  13. CharField(Field)
  14.     max_length=None,             最大长度
  15.     min_length=None,             最小长度
  16.     strip=True                   是否移除用户输入空白
  17.  
  18. IntegerField(Field)
  19.     max_value=None,              最大值
  20.     min_value=None,              最小值
  21.  
  22. FloatField(IntegerField)
  23.     ...
  24.  
  25. DecimalField(IntegerField)
  26.     max_value=None,              最大值
  27.     min_value=None,              最小值
  28.     max_digits=None,             总长度
  29.     decimal_places=None,         小数位长度
  30.  
  31. BaseTemporalField(Field)
  32.     input_formats=None          时间格式化   
  33.  
  34. DateField(BaseTemporalField)    格式：--
  35. TimeField(BaseTemporalField)    格式：:
  36. DateTimeField(BaseTemporalField)格式：-- :
  37.  
  38. DurationField(Field)            时间间隔：%d %H:%M:%S.%f
  39.     ...
  40.  
  41. RegexField(CharField)
  42.     regex,                      自定制正则表达式
  43.     max_length=None,            最大长度
  44.     min_length=None,            最小长度
  45.     error_message=None,         忽略，错误信息使用 error_messages={'invalid': '...'}
  46.  
  47. EmailField(CharField)
  48.     ...
  49.  
  50. FileField(Field)
  51.     allow_empty_file=False     是否允许空文件
  52.  
  53. ImageField(FileField)
  54.     ...
  55.     注：需要PIL模块，pip3 install Pillow
  56.     以上两个字典使用时，需要注意两点：
  57.         - form表单中 enctype="multipart/form-data"
  58.         - view函数中 obj = MyForm(request.POST, request.FILES)
  59.  
  60. URLField(Field)
  61.     ...
  62.  
  63. BooleanField(Field)
  64.     ...
  65.  
  66. NullBooleanField(BooleanField)
  67.     ...
  68.  
  69. ChoiceField(Field)
  70.     ...
  71.     choices=(),                选项，如：choices = ((,'上海'),(,'北京'),)
  72.     required=True,             是否必填
  73.     widget=None,               插件，默认select插件
  74.     label=None,                Label内容
  75.     initial=None,              初始值
  76.     help_text='',              帮助提示
  77.  
  78. ModelChoiceField(ChoiceField)
  79.     ...                        django.forms.models.ModelChoiceField
  80.     queryset,                  # 查询数据库中的数据
  81.     empty_label="---------",   # 默认空显示内容
  82.     to_field_name=None,        # HTML中value的值对应的字段
  83.     limit_choices_to=None      # ModelForm中对queryset二次筛选
  84.  
  85. ModelMultipleChoiceField(ModelChoiceField)
  86.     ...                        django.forms.models.ModelMultipleChoiceField
  87.  
  88. TypedChoiceField(ChoiceField)
  89.     coerce = lambda val: val   对选中的值进行一次转换
  90.     empty_value= ''            空值的默认值
  91.  
  92. MultipleChoiceField(ChoiceField)
  93.     ...
  94.  
  95. TypedMultipleChoiceField(MultipleChoiceField)
  96.     coerce = lambda val: val   对选中的每一个值进行一次转换
  97.     empty_value= ''            空值的默认值
  98.  
  99. ComboField(Field)
  100.     fields=()                  使用多个验证，如下：即验证最大长度20，又验证邮箱格式
  101.                                fields.ComboField(fields=[fields.CharField(max_length=), fields.EmailField(),])
  102.  
  103. MultiValueField(Field)
  104.     PS: 抽象类，子类中可以实现聚合多个字典去匹配一个值，要配合MultiWidget使用
  105.  
  106. SplitDateTimeField(MultiValueField)
  107.     input_date_formats=None,   格式列表：['%Y--%m--%d', '%m%d/%Y', '%m/%d/%y']
  108.     input_time_formats=None    格式列表：['%H:%M:%S', '%H:%M:%S.%f', '%H:%M']
  109.  
  110. FilePathField(ChoiceField)     文件选项，目录下文件显示在页面中
  111.     path,                      文件夹路径
  112.     match=None,                正则匹配
  113.     recursive=False,           递归下面的文件夹
  114.     allow_files=True,          允许文件
  115.     allow_folders=False,       允许文件夹
  116.     required=True,
  117.     widget=None,
  118.     label=None,
  119.     initial=None,
  120.     help_text=''
  121.  
  122. GenericIPAddressField
  123.     protocol='both',           both,ipv4,ipv6支持的IP格式
  124.     unpack_ipv4=False          解析ipv4地址，如果是::ffff:192.0..1时候，可解析为192.0.2.， PS：protocol必须为both才能启用
  125.  
  126. SlugField(CharField)           数字，字母，下划线，减号（连字符）
  127.     ...
  128.  
  129. UUIDField(CharField)           uuid类型
  130.  
  131. Django Form内置字段

所有的内置字段

校验

方式一：

  1. from django.forms import Form
  2. from django.forms import widgets
  3. from django.forms import fields
  4. from django.core.validators import RegexValidator
  5.  
  6. class MyForm(Form):
  7.     user = fields.CharField(
  8.         validators=[RegexValidator(r'^[0-9]+$', '请输入数字'), RegexValidator(r'^159[0-9]+$', '数字必须以159开头')],
  9.     )

方式二：

  1. import re
  2. from django.forms import Form
  3. from django.forms import widgets
  4. from django.forms import fields
  5. from django.core.exceptions import ValidationError
  6.  
  7. # 自定义验证规则
  8. def mobile_validate(value):
  9.     mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
  10.     if not mobile_re.match(value):
  11.         raise ValidationError('手机号码格式错误')
  12.  
  13. class PublishForm(Form):
  14.  
  15.     title = fields.CharField(max_length=20,
  16.                             min_length=5,
  17.                             error_messages={'required': '标题不能为空',
  18.                                             'min_length': '标题最少为5个字符',
  19.                                             'max_length': '标题最多为20个字符'},
  20.                             widget=widgets.TextInput(attrs={'class': "form-control",
  21.                                                           'placeholder': '标题5-20个字符'}))
  22.  
  23.     # 使用自定义验证规则
  24.     phone = fields.CharField(validators=[mobile_validate, ],
  25.                             error_messages={'required': '手机不能为空'},
  26.                             widget=widgets.TextInput(attrs={'class': "form-control",
  27.                                                           'placeholder': u'手机号码'}))
  28.  
  29.     email = fields.EmailField(required=False,
  30.                             error_messages={'required': u'邮箱不能为空','invalid': u'邮箱格式错误'},
  31.                             widget=widgets.TextInput(attrs={'class': "form-control", 'placeholder': u'邮箱'}))
方式三（进阶）：
  1. from django import forms
  2. from django.forms import fields
  3. from django.forms import models as form_model
  4.  
  5. from django.forms import widgets
  6. from app01 import models
  7. from django.core.validators import RegexValidator  # 正则
  8. from django.core.validators import ValidationError  # 自定义校验规则的
  9. import re
  10.  
  11. class RegForm(forms.Form):
  12.     phone = forms.CharField(
  13.         label='手机号',
  14.         required=True,
  15.         validators=[
  16.             RegexValidator(r'^1[3-9]\d{9}$', '手机号不正经'),
  17.             check_name
  18.         ],
  19.         error_messages={
  20.             # 'validators': '手机号不正经',
  21.             'required': '不能为空'
  22.         }
  23.     )
  24.  
  25.         # 局部的校验1
  26.     def clean_phone(self):
  27.         # 通过查看源码可知 一个方法调用（'clean_%s' %name）用字段拼接出来的
  28.         value = self.cleaned_data.get('phone')  # 接收一个value值 使用self.cleaned_data.get方法再赋值
  29.         if re.match(r'^1[3-9]\d{9}$',value):
  30.             return value  #  按照源码，满足校验返回一个value值
  31.         raise ValidationError('手机号不正经')  # 不满足校验，也需要返回一个对应的错误值
  32.  
  33. 　　　# 局部校验2
  34.     def clean_re_pwd(self):
  35.         # 在执行 'clean_%s' %name  方法的时候
  36.         pwd = self.cleaned_data.get('pwd')  # 获取pwd数据  　　局部钩子函数使用时候，字段顺序一定要写对：不然获取不到值
  37.         re_pwd = self.cleaned_data.get('re_pwd') #获取re_pwd值
  38.  
  39.         if pwd == re_pwd:
  40.             return re_pwd  # 相同的情况  返回一个正确的值
  41.         raise ValidationError('两次密码不一致123')  # 不符合校验的给一个错误信息
  42.  
  43.     # 全局的校验
  44.     def clean(self):
  45.         pwd = self.cleaned_data.get('pwd')
  46.         re_pwd = self.cleaned_data.get('re_pwd')
  47.  
  48.         if pwd == re_pwd:
  49.             return self.cleaned_data  # 返回一个正确的数据
  50.  
  51.         self.add_error('re_pwd', '两次密码不一致456')  # 为了网页展示获取错误信息
  52.  
  53.         raise ValidationError('两次密码不一致789')  # 抛一个错误信息  #服务器获取的
  54.         #方法二和三一起用的时候，前端看到的错误信息是123，只有方法三时候是456
  55.     #总结  限制性内置校验  ==》自己定的局部钩子校验  ==》 最后执行全局的钩子校验

补充进阶

应用Bootstrap样式

reg.html

  1. {% load static %}  //获取路径别名
  2. <!DOCTYPE html>
  3. <html lang="zh-CN">
  4. <head>
  5.     <meta http-equiv="content-Type" charset="UTF-8">
  6.     <meta http-equiv="x-ua-compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <title>Title</title>
  9.     <link rel="stylesheet" href="{% static 'bootstrap-3.3.7/css/bootstrap.css' %}">    //动态添加bootstrap中的css路径
  10. </head>
  11.  
  12. <body>
  13.  
  14. <div class="container">
  15.     <div class="row">
  16.         <div class="col-sm-8 col-sm-offset-2" style="margin-top: 70px">
  17.             <form class="form-horizontal" novalidate action="" method="post">
  18.                 {% csrf_token %}
  19.  
  20.                 <div class="form-group {% if form_obj.username.errors %} has-error {% endif %} ">  //判断错误信息 有就添加错误提示
  21.                     <label for="{{ form_obj.username.id_for_label }}"　　　　// 获取input自动生成的id
  22.                            class="col-sm-2 control-label">{{ form_obj.username.label }}</label> //字段名
  23.                     <div class="col-sm-10">
  24.                         {{ form_obj.username }}  //字段名对应的input框
  25.                         <span id="helpBlock2" class="help-block">{{ form_obj.username.errors.0 }}</span>  //错误信息
  26.                     </div>
  27.                 </div>
  28.  
  29.  
  30.                 <div class="form-group {% if form_obj.password.errors %} has-error {% endif %} ">
  31.                     <label for="{{ form_obj.password.id_for_label }}"
  32.                            class="col-sm-2 control-label">{{ form_obj.password.label }}</label>
  33.                     <div class="col-sm-10">
  34.                         {{ form_obj.password }}
  35.                         <span id="helpBlock2" class="help-block">{{ form_obj.password.errors.0 }}</span>
  36.                     </div>
  37.                 </div>
  38.  
  39.  
  40.                 <div class="form-group {% if form_obj.re_password.errors %} has-error {% endif %}">
  41.                     <label for="{{ form_obj.re_password.id_for_label }}"
  42.                            class="col-sm-2 control-label">{{ form_obj.re_password.label }}</label>
  43.                     <div class="col-sm-10">
  44.                         {{ form_obj.re_password }}
  45.                         <span id="helpBlock2" class="help-block">{{ form_obj.re_password.errors.0 }}</span>
  46.                     </div>
  47.                 </div>
  48.  
  49.                 <div class="form-group">
  50.                     <div class="col-sm-offset-2 col-sm-10">
  51.                         <button type="submit" class="btn btn-default">Sign in</button>
  52.                     </div>
  53.                 </div>
  54.             </form>
  55.         </div>
  56.     </div>
  57. </div>
  58.  
  59. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
  60. <script>
  61.  
  62.     $('input').focus(function () {
  63.         $(this).next().text('').parent().parent().removeClass('has-error')  //点击input框后取消之前输入的信息
  64.     })
  65. </script>
  66.  
  67. </body>
  68. </html>

forms

  1. class RegForm2(forms.Form):
  2.     username = forms.CharField(
  3.         label='用户名',
  4.         # widget=forms.widgets.TextInput(attrs={"class":'form-control'})  #相当于给这个input标签加个类
  5.     )
  6.  
  7.     password = forms.CharField(
  8.         label='密码',
  9.         widget=forms.widgets.PasswordInput()
  10.     )
  11.  
  12.     re_password = forms.CharField(
  13.         label='确认密码',
  14.         widget=forms.widgets.PasswordInput()
  15.     )
  16.  
  17.     def __init__(self, *args, **kwargs):
  18.         super().__init__(*args, **kwargs)
  19.         for field in self.fields:
  20.             self.fields[field].widget.attrs.update({'class': 'form-control'})
  21.  
  22.     def clean(self):
  23.         pwd = self.cleaned_data.get('password')
  24.         re_pwd = self.cleaned_data.get('re_password')
  25.  
  26.         if pwd == re_pwd:
  27.             return self.cleaned_data
  28.         self.add_error('re_password', '两次密码不一致')
  29.         raise ValidationError('两次密码不一致')

views中

  1. def reg(request):
  2.     form_obj = RegForm2()
  3.  
  4.     if request.method == 'POST':
  5.         form_obj = RegForm2(request.POST)
  6.         if form_obj.is_valid():
  7.             # 数据库操作
  8.             return redirect('https://www.baidu.com')
  9.     return render(request, 'reg.html', {'form_obj': form_obj})

批量添加样式

可通过重写form类的init方法来实现。

  1. class LoginForm(forms.Form):
  2.     username = forms.CharField(
  3.         min_length=,
  4.         label="用户名",
  5.         initial="张三",
  6.         error_messages={
  7.             "required": "不能为空",
  8.             "invalid": "格式错误",
  9.             "min_length": "用户名最短8位"
  10.         }
  11.     ...
  12.  
  13.     def __init__(self, *args, **kwargs):
  14.         super(LoginForm, self).__init__(*args, **kwargs)
  15.         for field in iter(self.fields):
  16.             self.fields[field].widget.attrs.update({
  17.                 'class': 'form-control'
  18.             })

ModelForm

form与model的终极结合。

  1. class BookForm(forms.ModelForm):
  2.  
  3.     class Meta:
  4.         model = models.Book
  5.         fields = "__all__"
  6.         labels = {
  7.             "title": "书名",
  8.             "price": "价格"
  9.         }
  10.         widgets = {
  11.             "password": forms.widgets.PasswordInput(attrs={"class": "c1"}),  //给 密码输入框添加class = 'c1'的类
  12.         }

class Meta:下常用参数：

  1. model = models.Student  # 对应的Model中的类
  2. fields = "__all__"  # 字段，如果是__all__,就是表示列出所有的字段
  3. exclude = None  # 排除的字段
  4. labels = None  # 提示信息
  5. help_texts = None  # 帮助提示信息
  6. widgets = None  # 自定义插件
  7. error_messages = None  # 自定义错误信息

Django之form表单组件的更多相关文章

  1. Django form表单 组件

    目录 Django form表单 组件 Form 组件介绍 普通方式手写注册功能 使用form组件实现注册功能 Form 常用字段与插件 常用字段(必备) 字段参数(必备) 内置验证(必备) 自定义效 ...

  2. 转载：Django之form表单

    转载: 一.使用form类创建一个表单 先定义好一个RegForm类: forms.py from django import forms # 导入forms类 class NameForm(form ...

  3. Form( 表单) 组件

    本节课重点了解 EasyUI 中 Form(表单)组件的使用方法, 这个组件不依赖于任何组件.一． 加载方式表单组件只能在 JS 区域设置,首先定义一张表单.<form id="box ...

  4. Django的form表单

    html的form表单 django中,前端如果要提交一些数据到views里面去,需要用到 html里面的form表单. 例如: # form2/urls.py from django.contrib ...

  5. 第二百二十一节，jQuery EasyUI，Form(表单)组件

    jQuery EasyUI,Form(表单)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Form(表单)组件的使用方法,这个组件不依赖于 ...

  6. Django 11 form表单（状态保持session、form表单及注册实现）

    Django 11 form表单(状态保持session.form表单及注册实现) 一.状态保持 session 状态保持 #1.http协议是无状态的:每次请求都是一次新的请求,不会记得之前通信的状 ...

  7. Django--分页器（paginator）、Django的用户认证、Django的FORM表单

    分页器(paginator) >>> from django.core.paginator import Paginator >>> objects = ['joh ...

  8. Vue + Element-ui实现后台管理系统(5)---封装一个Form表单组件和Table表格组件

    封装一个Form表单组件和Table组件 有关后台管理系统之前写过四遍博客,看这篇之前最好先看下这四篇博客.另外这里只展示关键部分代码,项目代码放在github上: mall-manage-syste ...

  9. 封装react antd的form表单组件

    form表单在我们日常的开发过程中被使用到的概率还是很大的,比如包含了登录.注册.修改个人信息.新增修改业务数据等的公司内部管理系统.而在使用时这些表单的样式如高度.上下边距.边框.圆角.阴影.高亮等 ...

随机推荐

  1. LeetCode（69）：x 的平方根

    Easy! 题目描述: 实现 int sqrt(int x) 函数. 计算并返回 x 的平方根,其中 x 是非负整数. 由于返回类型是整数,结果只保留整数的部分,小数部分将被舍去. 示例 1: 输入: ...

  2. Python中的构造方法

    在Java等语言中都有构造方法[进行对象的创建及初始化]这个东东,示例代码如下: public class Student { //成员变量 private String name; private ...

  3. jQuery示例

    <!DOCTYPE html><html lang="en" class="loading"><head> <meta ...

  4. 没有-jackson相关依赖会抛出如下异常--------在spring官方文档有解释

    <!--jackson相关依赖--><!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackso ...

  5. linux基础练习题（3）

    关卡三 练习题 在家路径下创建A文件夹 在上一步创建的A文件夹中,创建B/C/D文件夹 在上一步所在的路径中,创建C/E/F文件夹 使用目录树查看文件夹结构 A/B/C中创建一个hello.py文件 ...

  6. 蓝桥杯  历届试题 剪格子  dfs

    历届试题 剪格子 时间限制:1.0s   内存限制:256.0MB 问题描述 如下图所示,3 x 3 的格子中填写了一些整数. +--*--+--+ |10* 1|52| +--****--+ |20 ...

  7. 使用python调用email模块发送邮件附件

    使用python调用email模块实现附件发送 需要模块: import datetime import time import sys import mimetypes import smtplib ...

  8. K/3 Cloud Web API接口说明文

    K/3 Cloud Web API接口说明文 目的 三方集成,提供第三方系统与Cloud集成调用接口. 技术实现 HTTP + Json 提供标准接口 编号 名称 说明 1 Kingdee.BOS.W ...

  9. 【专栏学习】APM——异步编程模型（.NET不推荐）

    (1)learning hard C#学习笔记 异步1:<learning hard C#学习笔记>读书笔记(20)异步编程 (2)<C# 4.0 图解教程> 22.4 异步编 ...

  10. webpack学习笔记--按需加载

    为什么需要按需加载 随着互联网的发展,一个网页需要承载的功能越来越多. 对于采用单页应用作为前端架构的网站来说,会面临着一个网页需要加载的代码量很大的问题,因为许多功能都集中的做到了一个 HTML 里 ...