循序渐进PYTHON3(十三) --3-- DJANGO之FORM表单(为自动生成的HTML标签添加样式)
from django.shortcuts import render,HttpResponse
from django import forms
import json
import re
from django.core.exceptions importValidationError
# Create your views here.
def mobile_validate(value):
mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
ifnot mobile_re.match(value):
raiseValidationError('手机号码格式错误')
classInputForm(forms.Form):
# 下面使用的变量名必须和html中input标签的name值相同
# forms 的字段类型包括:IntegerField,CharField,URLField,EmailField,DateField等,但是没有手机号
# required=True表示对输入做验证
# error_messages 自定制提示信息
username = forms.CharField(required=True, error_messages={'required':'用户名不能为空'})
password = forms.CharField(required=True,
min_length=8,
max_length=20,
error_messages={'required':'密码不能为空','min_length':'至少6位',
'max_length':'至多10位'}
)
num = forms.IntegerField(error_messages={'required':'不能为空','invalid':'必须是数字'})
# 自定制验证方法关键就是参数validators,和自己的函数关联起来
phone = forms.CharField(validators=[mobile_validate,],)
# django给标签加sytle,关键参数widget ,forms.TextInput 表示生成type="text"的input标签,改成Textarea则生成<textarea>标签
test = forms.CharField(widget=forms.TextInput(attrs={'class':'in_tmp'}))
choice =(
(1,'北京'),
(2,'上海')
)
t_choice = forms.IntegerField(widget=forms.Select(choices=choice))
def login(request):
if request.POST:
objPost =InputForm(request.POST)
ret = objPost.is_valid()
if ret:
print(objPost.clean())
# else:
# # from django.forms.utils import ErrorDict
# print(type(objPost.errors),objPost.errors.as_json())
return render(request,'login.html',{'data': objPost})
else:
objGet =InputForm()
return render(request,'login.html',{'data': objGet})
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Title</title>
<style>
.error-msg{
color:red;
}
.in_tmp{
border:1px solid #6a34ff ;
}
</style>
</head>
<body>
<formaction="/login/"method="POST">
<div>
<div>
{{ data.username }}
{% if data.errors.username %}
<spanclass="error-msg">{{ data.errors.username.0 }}</span>
{% endif %}
</div>
<div>
{{ data.password }}
{% if data.errors.password %}
<spanclass="error-msg">{{ data.errors.password.0 }}</span>
{% endif %}
</div>
<div>
{{ data.num }}
{% if data.errors.num %}
<spanclass="error-msg">{{ data.errors.num.0 }}</span>
{% endif %}
</div>
<div>
{{ data.phone }}
{% if data.errors.phone %}
<spanclass="error-msg">{{ data.errors.phone.0 }}</span>
{% endif %}
</div>
<div>
{{ data.test }}
{% if data.errors.test %}
<spanclass="error-msg">{{ data.errors.test.0 }}</span>
{% endif %}
</div>
<div>
{{ data.t_choice }}
{% if data.errors.t_choice %}
<spanclass="error-msg">{{ data.errors.t_choice.0 }}</span>
{% endif %}
</div>
<inputtype="submit"value="提交"/>
</div>
</form>
</body>
</html>

循序渐进PYTHON3(十三) --3-- DJANGO之FORM表单(为自动生成的HTML标签添加样式)的更多相关文章
- 循序渐进PYTHON3(十三) --2-- DJANGO之FORM表单(自动生成HTML标签和自定制提示信息)
在上一次的代码上做出进一步修改,使之能在页面上显示自定制的报错信息,并且使用form自动创建标签的功能. views.py from django.shortcuts import render,Ht ...
- Django的form表单
html的form表单 django中,前端如果要提交一些数据到views里面去,需要用到 html里面的form表单. 例如: # form2/urls.py from django.contrib ...
- Django 11 form表单(状态保持session、form表单及注册实现)
Django 11 form表单(状态保持session.form表单及注册实现) 一.状态保持 session 状态保持 #1.http协议是无状态的:每次请求都是一次新的请求,不会记得之前通信的状 ...
- 转载:Django之form表单
转载: 一.使用form类创建一个表单 先定义好一个RegForm类: forms.py from django import forms # 导入forms类 class NameForm(form ...
- Django--分页器(paginator)、Django的用户认证、Django的FORM表单
分页器(paginator) >>> from django.core.paginator import Paginator >>> objects = ['joh ...
- js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
- 循序渐进Python3(十三) --0-- django之form表单
django为我们提供了form表单验证功能,下面来学习一下: 武sir博客:http://www.cnblogs.com/wupeiqi/articles/5246483.html 创建了djan ...
- django之form表单验证
django中的Form一般有两种功能: 输入html 验证用户输入 #!/usr/bin/env python # -*- coding:utf- -*- import re from django ...
- django中form表单的提交:
一,关于表单: 表单在百度百科的解释: 表单在网页中主要负责数据采集功能.一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法. 表单域 ...
随机推荐
- spring事务的一些注意点
参考文章 http://blog.csdn.net/qq_34021712/article/details/75949779 ©王赛超 1.在需要事务管理的地方加@Transactional 注解 ...
- HDU 5869 Different GCD Subarray Query 树状数组+离线
Problem Description This is a simple problem. The teacher gives Bob a list of problems about GCD (Gr ...
- 元类编程-- 实现orm,以django Model为例
# 需求 import numbers class Field: pass class IntField(Field): # 数据描述符 def __init__(self, db_column, m ...
- java.lang.ClassNotFoundException: com.mysql.cj.jdbc.Driver 找不到jar包的问题,路径问题
1.参考连接: https://blog.csdn.net/huangbiao86/article/details/6428608 折腾了一上午,找到了这错误的原因.哎……悲剧! 确认包已经被导入we ...
- bzoj 1927 网络流
首先我们可以知道这道题中每个点只能经过一次,那么我们引入附加源汇source,sink,那么我们可以将每个点拆成两个点,分别表示对于图中这个节点我们的进和出,那么我们可以连接(source,i,1,0 ...
- feign hystrix 线程池伸缩控制
当前使用的版本 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spr ...
- linux中断系统那些事之----中断处理过程【转】
转自:http://blog.csdn.net/xiaojsj111/article/details/14129661 以外部中断irq为例来说明,当外部硬件产生中断时,linux的处理过程.首先先说 ...
- python爬虫模块之数据存储模块
数据存储模块的话,目前我这用的比较多的是存储到mysql,所以下面的这个例子也是保存到mysql,用到了ORM映射的SQLAlchemy ,(ORM:Object-Relational Mapping ...
- Deep Learning基础--线性解码器、卷积、池化
本文主要是学习下Linear Decoder已经在大图片中经常采用的技术convolution和pooling,分别参考网页http://deeplearning.stanford.edu/wiki/ ...
- windows访问linux共享文件夹
1.windows的网上邻居,是通过smb协议来共享信息的,如果需要给访问linux上的共享目录被windows访问到,需要linux有smb协议 sudo apt-get install samba ...