forms组件

本文目录

1 校验字段功能
2 渲染标签功能
3 渲染错误信息功能
4 组件的参数配置
5 局部钩子
6 全局钩子

1 校验字段功能

针对一个实例：注册用户讲解。

模型：models.py

class UserInfo(models.Model):

    name=models.CharField(max_length=32)

    pwd=models.CharField(max_length=32)

    email=models.EmailField(

模版文件

复制代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="" method="post">

    {% csrf_token %}

    <div>

        <label for="user">用户名</label>

        <p><input type="text" name="name" id="name"></p>

    </div>

    <div>

        <label for="pwd">密码</label>

        <p><input type="password" name="pwd" id="pwd"></p>

    </div>

    <div>

        <label for="r_pwd">确认密码</label>

        <p><input type="password" name="r_pwd" id="r_pwd"></p>

    </div>

     <div>

        <label for="email">邮箱</label>

        <p><input type="text" name="email" id="email"></p>

    </div>

    <input type="submit">

</form>

</body>

</html>

视图函数：

# forms组件

from django.forms import widgets

wid_01=widgets.TextInput(attrs={"class":"form-control"})

wid_02=widgets.PasswordInput(attrs={"class":"form-control"})

class UserForm(forms.Form):

    name=forms.CharField(max_length=32,

                         widget=wid_01

                         )

    pwd=forms.CharField(max_length=32,widget=wid_02)

    r_pwd=forms.CharField(max_length=32,widget=wid_02)

    email=forms.EmailField(widget=wid_01)

    tel=forms.CharField(max_length=32,widget=wid_01)

def register(request):

    if request.method=="POST":

        form=UserForm(request.POST)

        if form.is_valid():

            print(form.cleaned_data)       # 所有干净的字段以及对应的值

        else:

            print(form.cleaned_data)       #

            print(form.errors)             # ErrorDict : {"校验错误的字段":["错误信息",]}

            print(form.errors.get("name")) # ErrorList ["错误信息",]

        return HttpResponse("OK")

    form=UserForm()

    return render(request,"register.html",locals())

回到目录

2 渲染标签功能

渲染方式1

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

   <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

</head>

<body>

<h3>注册页面</h3>

<div class="container">

    <div class="row">

        <div class="col-md-6 col-lg-offset-3">

                <form action="" method="post">

                    {% csrf_token %}

                    <div>

                        <label for="">用户名</label>

                        {{ form.name }}

                    </div>

                    <div>

                        <label for="">密码</label>

                        {{ form.pwd }}

                    </div>

                    <div>

                        <label for="">确认密码</label>

                        {{ form.r_pwd }}

                    </div>

                    <div>

                        <label for=""> 邮箱</label>

                        {{ form.email }}

                    </div>

                    <input type="submit" class="btn btn-default pull-right">

                </form>

        </div>

    </div>

</div>

</body>

</html>

渲染方式2

<form action="" method="post">

                    {% csrf_token %}

                    {% for field in form %}

                        <div>

                            <label for="">{{ field.label }}</label>

                            {{ field }}

                        </div>

                    {% endfor %}

                    <input type="submit" class="btn btn-default pull-right">

</form>

渲染方式3

<form action="" method="post">

    {% csrf_token %}

    {{ form.as_p }}

    <input type="submit" class="btn btn-default pull-right">

</form>

回到目录

3 渲染错误信息功能

视图

def register(request):

    if request.method=="POST":

        form=UserForm(request.POST)

        if form.is_valid():

            print(form.cleaned_data)       # 所有干净的字段以及对应的值

        else:

            print(form.cleaned_data)       #

            print(form.errors)             # ErrorDict : {"校验错误的字段":["错误信息",]}

            print(form.errors.get("name")) # ErrorList ["错误信息",]

        return render(request,"register.html",locals())

    form=UserForm()

    return render(request,"register.html",locals())

模板

<form action="" method="post" novalidate>

    {% csrf_token %}

    {% for field in form %}

        <div>

            <label for="">{{ field.label }}</label>

            {{ field }} <span class="pull-right" style="color: red">{{ field.errors.0 }}</span>

        </div>

    {% endfor %}

    <input type="submit" class="btn btn-default">

</form>

回到目录

4 组件的参数配置

class Ret(Form):

    name = forms.CharField(max_length=10, min_length=2, label='用户名',

                           error_messages={'required': '该字段不能为空', 'invalid': '格式错误', 'max_length': '太长',

                                           'min_length': '太短'},

                           widget=widgets.TextInput(attrs={'class':'form-control'}))

    pwd = forms.CharField(max_length=10, min_length=2, widget=widgets.PasswordInput(attrs={'class':'form-control'}))

    email = forms.EmailField(label='邮箱', error_messages={'required': '该字段不能为空', 'invalid': '格式错误'})

回到目录

5 局部钩子

from django.core.exceptions import NON_FIELD_ERRORS, ValidationError
def clean_name(self):

        val=self.cleaned_data.get("name")

        ret=UserInfo.objects.filter(name=val)

        if not ret:

            return val

        else:

            raise ValidationError("该用户已注册!")

    def clean_tel(self):

        val=self.cleaned_data.get("tel")

        if len(val)==11:

            return val

        else:

            raise  ValidationError("手机号格式错误")

回到目录

6 全局钩子

    def clean(self):

        pwd=self.cleaned_data.get('pwd')

        r_pwd=self.cleaned_data.get('r_pwd')

        if pwd and r_pwd:

            if pwd==r_pwd:

                return self.cleaned_data

            else:

                raise ValidationError('两次密码不一致')

        else:

            return self.cleaned_data

pwd_err=my_form.errors.get('__all__')

from django import forms

from django.forms import widgets

from app01.models import UserInfo

from django.core.exceptions import NON_FIELD_ERRORS, ValidationError

class UserForm(forms.Form):

    name=forms.CharField(min_length=4,label="用户名",error_messages={"required":"该字段不能为空"},

                         widget=widgets.TextInput(attrs={"class":"form-control"})

                         )

    pwd=forms.CharField(min_length=4,label="密码",

                        widget=widgets.PasswordInput(attrs={"class":"form-control"})

                        )

    r_pwd=forms.CharField(min_length=4,label="确认密码",error_messages={"required":"该字段不能为空"},widget=widgets.TextInput(attrs={"class":"form-control"}))

    email=forms.EmailField(label="邮箱",error_messages={"required":"该字段不能为空","invalid":"格式错误"},widget=widgets.TextInput(attrs={"class":"form-control"}))

    tel=forms.CharField(label="手机号",widget=widgets.TextInput(attrs={"class":"form-control"}))

    def clean_name(self):

        val=self.cleaned_data.get("name")

        ret=UserInfo.objects.filter(name=val)

        if not ret:

            return val

        else:

            raise ValidationError("该用户已注册!")

    def clean_tel(self):

        val=self.cleaned_data.get("tel")

        if len(val)==11:

            return val

        else:

            raise  ValidationError("手机号格式错误")

    def clean(self):

        pwd=self.cleaned_data.get('pwd')

        r_pwd=self.cleaned_data.get('r_pwd')

        if pwd and r_pwd:

            if pwd==r_pwd:

                return self.cleaned_data

            else:

                raise ValidationError('两次密码不一致')

        else:

            return self.cleaned_data

myforms

from django.shortcuts import render,HttpResponse

# Create your views here.

from app01.myforms import *

def reg(request):

    if request.method=="POST":

        print(request.POST)

        #form=UserForm({"name":"yu","email":"123@qq.com","xxxx":"alex"})

        form=UserForm(request.POST) # form表单的name属性值应该与forms组件字段名称一致

        print(form.is_valid()) # 返回布尔值

        if form.is_valid():

            print(form.cleaned_data)  # {"name":"yuan","email":"123@qq.com"}

        else:

            print(form.cleaned_data)  # {"email":"123@qq.com"}

            # print(form.errors)        # {"name":[".........."]}

            # print(type(form.errors))  # ErrorDict

            # print(form.errors.get("name"))

            # print(type(form.errors.get("name")))    # ErrorList

            # print(form.errors.get("name")[0])

            #   全局钩子错误

            #print("error",form.errors.get("__all__")[0])

            errors=form.errors.get("__all__")

            return render(request,"reg.html",locals())

        '''

        form.is_valid()   :返回布尔值

        form.cleaned_data :{"name":"yuan","email":"123@qq.com"}

        form.errors       :{"name":[".........."]}

        '''

    form=UserForm()

    return render(request,"reg.html",locals())

视图函数

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        .error{

            color: red;

        }

    </style>

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->

    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"

    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

</head>

<body>

<div class="container">

    <div class="row">

        <div class="col-md-6 col-lg-offset-3">

            {#<h3>简单form</h3>#}

            {##}

            {##}

            {#<form action="" method="post" novalidate>#}

            {#    {% csrf_token %}#}

            {#    <p>用户名<input type="text" name="name"></p>#}

            {#    <p>密码 <input type="text" name="pwd"></p>#}

            {#    <p>确认密码 <input type="text" name="r_pwd"></p>#}

            {#    <p>邮箱  <input type="text" name="email"></p>#}

            {#    <p>手机号 <input type="text" name="tel"></p>#}

            {#    <input type="submit">#}

            {##}

            {#</form>#}

            <hr>

            <h3>forms组件渲染方式1</h3>

            <form action="" method="post" novalidate>

                {% csrf_token %}

                <p>{{ form.name.label }}

                    {{ form.name }} <span class="pull-right error">{{ form.name.errors.0 }}</span>

                </p>

                <p>{{ form.pwd.label }}

                    {{ form.pwd }} <span class="pull-right error">{{ form.pwd.errors.0 }}</span>

                </p>

                <p>确认密码

                    {{ form.r_pwd }} <span class="pull-right error">{{ form.r_pwd.errors.0 }}</span><span class="pull-right error">{{ errors.0 }}</span>

                </p>

                <p>邮箱 {{ form.email }} <span class="pull-right error">{{ form.email.errors.0 }}</span></p>

                <p>手机号 {{ form.tel }} <span class="pull-right error">{{ form.tel.errors.0 }}</span></p>

                <input type="submit">

            </form>

            {#<h3>forms组件渲染方式2</h3>#}

            {##}

            {#<form action="" method="post" novalidate>#}

            {#     {% csrf_token %}#}

            {##}

            {#    {% for field in form %}#}

            {##}

            {#        <div>#}

            {#            <label for="">{{ field.label }}</label>#}

            {#            {{ field }}#}

            {#        </div>#}

            {##}

            {#    {% endfor %}#}

            {##}

            {#     <input type="submit">#}

            {#</form>#}

            {##}

            {#<h3>forms组件渲染方式3</h3>#}

            {##}

            {#<form action="" method="post">#}

            {#     {% csrf_token %}#}

            {##}

            {#     {{ form.as_p }}#}

            {##}

            {#     <input type="submit">#}

            {#</form>#}

        </div>

    </div>

</div>

</body>

</html>

模版文件

------------https://www.cnblogs.com/liuqingzheng/articles/9509775.html

django ---forms组件的更多相关文章

Django forms组件里的ChoiceField、ModelChoiceField和ModelMutipleChoiceField的区别
阅读简要首先我们要明白Django forms组件里的ChoiceField.ModelChoiceField和ModelMutipleChoiceField是继承关系 ChoiceField 1. ...
python django(forms组件)
forms组件最大的作用,就是做数据校验. 普通做法,一个一个写校验规则,没有解耦.校验规则,都在视图函数里面. 网页校验修改urls.py,增加路径addbook from app01 impor ...
Django forms组件与钩子函数
目录一.多对多的三种创建方式 1. 全自动 2. 纯手撸(了解) 3. 半自动(强烈推荐) 二.forms组件 1. 如何使用forms组件 2. 使用forms组件校验数据 3. 使用forms组 ...
Django forms组件的校验
引入: from django import forms 使用方法:定义规则,例: class UserForm(forms.Form): name=forms.CharField(max_lengt ...
Django学习之八：forms组件【对form舒心了】
目录 Django forms组件 bound and unbound form instance forms渲染有关隐藏一个字段,不渲染它 form 校验 form类 ModelForm 利用Mo ...
Django-多对多关系的三种创建方式-forms组件使用-cookie与session-08
目录表模型类多对多关系的三种创建方式 django forms 组件登录功能手写推理过程整段代码可以放过来 forms 组件使用 forms 后端定义规则并校验结果 forms 前端渲染标签组件 ...
Django组件-Forms组件
Django的Forms组件主要有以下几大功能: 页面初始化,生成HTML标签校验用户数据(显示错误信息) HTML Form提交保留上次提交数据一.小试牛刀 1.定义Form类 from dja ...
Django组件--forms组件（注册用）
一.forms组件--校验类的使用二.form组件--校验类的参数三.forms组件校验的局部钩子--自定义校验规则(要看源码理解) 四.forms组件校验的全局钩子--校验form表单两次密码输 ...
web框架开发-Django的Forms组件
校验字段功能针对一个实例:用户注册. 模型:models.py class UserInfo(models.Model): name=models.CharField(max_length=32) ...

随机推荐

CString 转换为 wchar_t *
1.将CString转换为const char* CString str = _T("231222"); std::string strDp = CStringA(str); / ...
css 中的grid布局基础
CSS Grid Layout为CSS引入了一个二维网格系统.网格可用于布局主要页面区域或小型用户界面元素. 网格是一组交叉的水平和垂直线 - 一组定义列,其他行.元素可以放在网格上,以行或者列为标准 ...
【原创】连接数据库MySQL，读取、显示、修改数据
/* Time: 2017.01.02 —— 2017.01.04 * Author: WJ * Function:连接数据库,从数据库中读取图片并显示(已成功) */ [参考链接] MySQL存入图 ...
【转】Java迭代:Iterator和Iterable接口
Java迭代 : Iterator和Iterable接口从英文意思去理解 Iterable :故名思议,实现了这个接口的集合对象支持迭代,是可迭代的.able结尾的表示能...样,可以做.... ...
【转】C语言中字符串输入的三种方法
在网上看到,讲的还算详细,转过来学习一下...... ======================================================================= 使 ...
Cracking The Coding Interview 1.1
//原文: // // Implement an algorithm to determine if a string has all unique characters. What if you c ...
let var区别
function varTest() { var x = 1; if (true) { var x = 2; // 同样的变量! console.log(x); } console.log(x); } ...
Serial interface (RS-232)
转自:http://www.fpga4fun.com/SerialInterface.html A serial interface is a simple way to connect an FPG ...
设置网页icon标志
下载一个你喜欢的icon,文件格式为ico,然后将这个文件重命名为favicon.ico,并把文件放在网站的根目录下. 一般在ie8版本以上都支持icon图标.但是在此版本一下,我们需要添加一段代码. ...
Oracle包和包体
一.什么要使用包? 在一个大型项目中,可能有很多模块,而每个模块又有自己的过程.函数等.而这些过程.函数默认是放在一起的(如在PL/SQL中,过程默认都是放在一起的,即Procedures中),这些 ...

django ---forms组件

forms组件

本文目录

1 校验字段功能

2 渲染标签功能

渲染方式1

渲染方式2

渲染方式3

3 渲染错误信息功能

视图

模板

4 组件的参数配置

5 局部钩子

6 全局钩子

django ---forms组件的更多相关文章

随机推荐

热门专题