forms组件

先自己实现注册功能,并且对用户输入的信息加限制条件
如果用户输入的信息不符合条件,前端展示报错信息
 from django.shortcuts import render,HttpResponse

 from django.core.exceptions import ValidationError

 # Create your views here.

 def register(request):

     errors = {'name':'', 'pwd':''}  #定义一个字典,将字典传给前端,前端是可以取值的

     if request.method == 'POST':

         name = request.POST.get('name')

         pwd = request.POST.get('pwd')

         if 'sb' in name:

             errors['name'] ='名字不能包含sb'

         if pwd == '':

             errors['pwd'] = '你这密码太简单了'

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

Views.py

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

 <h3>注册页面</h3>

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

     <p>username:<input type="text" name="name">

         <span>{{ errors.name }}</span>  <!--span是行内标签,大小由文本决定的,如果取到的值为空前端展示到前端页面看不出-->

     </p>

     <p>password:<input type="text" name="pwd">

     <span>{{ errors.pwd }}</span></p>

     <input type="submit">

 </form>

 </body>

 </html>

reg.html

注意:reg.html中的

<span>{{ errors.name }}</span>

思路:访问路由,是get请求然后error字典中的value值为空,所以传入前端的error信息为空,
然后span标签是根据文本内容的大小来撑大,所以没有内容就不变,不会有什么影响,
第二次form表单提交的时候是有name和password的数据,
然后进行校验,如果不满足条件,就给error字典赋值传给前端,所以前端会显示错误信息
总结:
注册示例:
   1.前端渲染标签获取用户输入        >>> 前端渲染标签
   2.后端获取用户输入,进行数据校验     >>> 数据校验
   3.校验过后产生的提示信息返回给前端 >>> 展示校验信息

提一小嘴:												


											
django之forms组件,cookie&session的更多相关文章
	

    
								
  1. day09 Django: 组件cookie session
		
    day09 Django: 组件cookie session   一.cookie和session都是会话跟踪技术     1.什么是会话             可以理解为客户端和服务端之间的一次会 ...
    
		
    2. 
						
  2. django之forms组件
		
    在django中forms组件有其强大的功能,里面集合和众多的函数和方法:下面来看一下它的源码 """ Form classes """ f ...
    
		
    3. 
						
  3. django设置并获取cookie/session，文件上传，ajax接收文件，post/get请求及跨域请求等的方法
		
    django设置并获取cookie/session,文件上传,ajax接收文件等的方法: views.py文件: from django.shortcuts import render,HttpRes ...
    
		
    4. 
						
  4. python 全栈开发，Day76(Django组件-cookie,session)
		
    昨日内容回顾 1 json 轻量级的数据交换格式 在python 序列化方法:json.dumps() 反序列化方法:json.loads() 在JS中: 序列化方法:JSON.stringfy()  ...
    
		
    5. 
						
  5. Django组件-cookie,session
		
    昨日内容回顾: json 轻量级的数据交换格式 在python 序列化方法:json.dumps() 反序列化方法:json.loads() 在JS中: 序列化方法:JSON.stringfy() 反 ...
    
		
    6. 
						
  6. form组件+cookie+session总结
		
    1.forms 组件 -数据校验功能 1.定义 -新建一个py文件 -导入from django import forms -写一个类继承 forms.Form -把你需要校验的(字段的条件)属性写到 ...
    
		
    7. 
						
  7. Django之forms组件使用
		
    注册功能 1.渲染前端标签获取用户输入 >>> 渲染标签 2.获取用户输入传递到后端校验 >>> 校验数据 3.校验未通过展示错误信息 >>> 展 ...
    
		
    8. 
						
  8. web框架开发-Django的Forms组件
		
    校验字段功能 针对一个实例:用户注册. 模型:models.py class UserInfo(models.Model): name=models.CharField(max_length=32)  ...
    
		
    9. 
						
  9. Django之forms组件进阶
		
    Django Form表单组件   Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Spring Security基本原理
			
    近期研究了Spring Security,现进行记录. 首先先进行一个最简单的demo.默认情况下,在Spring Boot里,如果在classpath下面有Spring Security相关的jar ...
    
			
    2. 
						
  2. 我们一起学React Native(一)：环境配置
			
    最近想在项目中实现跨平台,对比一下主流的实现方式,选用了React Native.参考网上的教程,对于一直都是原生移动端开发,对前端的知识不是很了解的,感觉入门不是特别简单.于是打算把学习React  ...
    
			
    3. 
						
  3. react-native保存图片Android实现方法
			
    /图片的路径格式为远程请求, 例如:'http://xxx:8080/image.jpg' import { Platform, PermissionsAndroid, NativeModules } ...
    
			
    4. 
						
  4. gitlab配置邮箱
			
    邮件测试Notify.test_email('xx@qq.com', 'Message Subject', 'Message Body').deliver_now 参考 https://www.cen ...
    
			
    5. 
						
  5. 分析Java中的length和length()
			
    在不适用任何带有自动补全功能的IDE的情况下,我们怎么获取一个数组的长度?如何获取字符串的长度? 这里我们先举用实例去分析一下:int[] arr=new int[3]:System.out.prin ...
    
			
    6. 
						
  6. linux 的uuid码
			
    在提到这个之前,有个概念,就是什么是uuid呢? UUID码全称是通用唯一识别码 (Universally Unique Identifier, UUID),它 是一个软件建构的标准,亦为自由软件基金 ...
    
			
    7. 
						
  7. sphinx + mysql 全文索引配置
			
    参考地址 http://v9.help.phpcms.cn/html/2010/search_0919/35.html http://blog.sina.com.cn/s/blog_705e4fdc0 ...
    
			
    8. 
						
  8. CSS中怎么设置元素水平垂直居中？
			
    记录怎么使用text-align与vertical-align属性设置元素在容器中垂直居中对齐.text-align与vertical-align虽然都是设置元素内部对齐方式的,但两者的用法还是有略微 ...
    
			
    9. 
						
  9. Python——详解collections工具库
			
    本文始发于个人公众号:TechFlow,原创不易,求个关注 今天为大家介绍Python当中一个很好用也是很基础的工具库,叫做collections. collection在英文当中有容器的意思,所以顾 ...
    
			
    10. 
						
  10. C#编程_单线程IP地址解析
			
    单线程IP地址解析 目标程序 界面如下图 ​ 设计方法:完成单个IP地址解析,循环调用方法,完成扫描. 注意用stopwatch计算时间. 实现思路 先知道怎么解析一个单个的IP地址. 用循环的方法解 ...
    
			
    11.