views.py

  1. from django.shortcuts import render,HttpResponse
  2. from django import forms
  3. import json
  4. import re
  5. from django.core.exceptions importValidationError
  6. # Create your views here.
  9. def mobile_validate(value):
  10. mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
  11. ifnot mobile_re.match(value):
  12. raiseValidationError('手机号码格式错误')
  15. classInputForm(forms.Form):
  16. # 下面使用的变量名必须和html中input标签的name值相同
  17. # forms 的字段类型包括：IntegerField,CharField,URLField,EmailField,DateField等，但是没有手机号
  18. # required=True表示对输入做验证
  19. # error_messages 自定制提示信息
  20. username = forms.CharField(required=True, error_messages={'required':'用户名不能为空'})
  21. password = forms.CharField(required=True,
  22. min_length=8,
  23. max_length=20,
  24. error_messages={'required':'密码不能为空','min_length':'至少6位',
  25. 'max_length':'至多10位'}
  26. )
  27. num = forms.IntegerField(error_messages={'required':'不能为空','invalid':'必须是数字'})
  28. # 自定制验证方法关键就是参数validators，和自己的函数关联起来
  29. phone = forms.CharField(validators=[mobile_validate,],)
  30. # django给标签加sytle，关键参数widget ，forms.TextInput 表示生成type="text"的input标签，改成Textarea则生成<textarea>标签
  31. test = forms.CharField(widget=forms.TextInput(attrs={'class':'in_tmp'}))
  32. choice =(
  33. (1,'北京'),
  34. (2,'上海')
  35. )
  36. t_choice = forms.IntegerField(widget=forms.Select(choices=choice))
  38. def login(request):
  39. if request.POST:
  40. objPost =InputForm(request.POST)
  41. ret = objPost.is_valid()
  42. if ret:
  43. print(objPost.clean())
  44. # else:
  45. # # from django.forms.utils import ErrorDict
  46. # print(type(objPost.errors),objPost.errors.as_json())
  47. return render(request,'login.html',{'data': objPost})
  48. else:
  49. objGet =InputForm()
  50. return render(request,'login.html',{'data': objGet})
login.html
  1. <!DOCTYPE html>
  2. <htmllang="en">
  3. <head>
  4. <metacharset="UTF-8">
  5. <title>Title</title>
  6. <style>
  7. .error-msg{
  8. color:red;
  9. }
  10. .in_tmp{
  11. border:1px solid #6a34ff ;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <formaction="/login/"method="POST">
  17. <div>
  18. <div>
  19. {{ data.username }}
  20. {% if data.errors.username %}
  21. <spanclass="error-msg">{{ data.errors.username.0 }}</span>
  22. {% endif %}
  23. </div>
  24. <div>
  25. {{ data.password }}
  26. {% if data.errors.password %}
  27. <spanclass="error-msg">{{ data.errors.password.0 }}</span>
  28. {% endif %}
  29. </div>
  30. <div>
  31. {{ data.num }}
  32. {% if data.errors.num %}
  33. <spanclass="error-msg">{{ data.errors.num.0 }}</span>
  34. {% endif %}
  35. </div>
  36. <div>
  37. {{ data.phone }}
  38. {% if data.errors.phone %}
  39. <spanclass="error-msg">{{ data.errors.phone.0 }}</span>
  40. {% endif %}
  41. </div>
  42. <div>
  43. {{ data.test }}
  44. {% if data.errors.test %}
  45. <spanclass="error-msg">{{ data.errors.test.0 }}</span>
  46. {% endif %}
  47. </div>
  48. <div>
  49. {{ data.t_choice }}
  50. {% if data.errors.t_choice %}
  51. <spanclass="error-msg">{{ data.errors.t_choice.0 }}</span>
  52. {% endif %}
  53. </div>
  54. <inputtype="submit"value="提交"/>
  55. </div>
  56. </form>
  58. </body>
  59. </html>
效果图：

 
select 标签显示数据库数据：

循序渐进PYTHON3（十三） --3-- DJANGO之FORM表单（为自动生成的HTML标签添加样式）的更多相关文章

  1. 循序渐进PYTHON3（十三） --2-- DJANGO之FORM表单（自动生成HTML标签和自定制提示信息）

    在上一次的代码上做出进一步修改,使之能在页面上显示自定制的报错信息,并且使用form自动创建标签的功能. views.py from django.shortcuts import render,Ht ...

  2. Django的form表单

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

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

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

  4. 转载：Django之form表单

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

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

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

  6. js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题

    js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

  7. 循序渐进Python3（十三） --0-- django之form表单

    django为我们提供了form表单验证功能,下面来学习一下: 武sir博客:http://www.cnblogs.com/wupeiqi/articles/5246483.html  创建了djan ...

  8. django之form表单验证

    django中的Form一般有两种功能: 输入html 验证用户输入 #!/usr/bin/env python # -*- coding:utf- -*- import re from django ...

  9. django中form表单的提交：

    一,关于表单: 表单在百度百科的解释:   表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域 ...

随机推荐

  1. 确保web安全的https、确认访问用户身份的认证（第七章、第八章）

    第七章 确保web安全的https 1.http的缺点: (1)通信使用明文,内容可能会被窃听 (2)不验证通信方的身份,因此有可能遭遇伪装 (3)无法证明报文的完整性,因此有可能已遭篡改. 2.通信 ...

  2. 【vijos】P1083 小白逛公园

    [算法]线段树 [题解] 学自:https://vijos.org/p/1083/solution(wang_yanheng的回答) 回溯时维护一段区间的以下域: sumL:从左端点起连续区间的最大和 ...

  3. Vuejs - 深入浅出响应式系统

    Vue 最独特的特性之一,是其非侵入性的响应式系统.数据模型仅仅是普通的 Javascript 对象.而当你修改它们时,视图会进行更新.这使得状态管理非常简单直接,不过理解其工作原理同样非常重要,这样 ...

  4. 【洛谷 P1129】 [ZJOI2007]矩阵游戏 （二分图匹配）

    题目链接 看到题目肯定首先会想到搜索. 然鹅数据范围\(n<=200\)这么大(其实也不算太大),肯定是不行的. 如果\((i,j)\)是\(1\),从\(i\)向\(j\)连一条边,表示第\( ...

  5. vue装逼神器简述

    主要是分享下用vuejs开发项目过程中遇到的问题,vuejs开发的优势和需要注意的地方. 项目主要页面:主页,最新,分类,分类列表,详情页,结果页,斗图(列表,制作页) 效果图: 地址:https:/ ...

  6. 科猫网项目总结（基于SSM框架）

    1.配置文件的添加 SSM整合需要web.xml配置文件,springmvc的配置文件,spring和mybatis整合的配置文件. 1.web.xml文件的配置 1.在WEB-INF下新建web.x ...

  7. js_同步和异步

    刚开始写js那会,对这一块是知之甚少,太多太多的知识不足,致使做什么都很艰难.现在工作也有段时间了,知识也有了点积累, 写点什么分享一下. 同步和异步?这个问题是在使用ajax请求后台数据的时候出现的 ...

  8. 类图(Class Diagram)

    类图(Class Diagram): 类(Class)封装了数据和行为,是面向对象的重要组成部分,它是具有相同属性.操作.关系的对象集合的总称. 类一般由三部分组成: 类名(Class):每个类都必须 ...

  9. sqlmap参数说明

    --delay 设置每隔几秒测试一次注入 --safe-url 设置sqlmap要访问的正常url --safe-freq 设置每测试多少条注入语句后才去访问safe-url --code 设置能正常 ...

  10. js 实时显示字数

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...