form表单提交

form组件

陌路散爱 提交于 2019-12-02 19:49:39
form组件 这里抛出一个问题 校验: 1.注册功能 用户输入的用户名中 不能包含‘xxx’ 如果包含了 就提示用户 输入的内容不符合社会主义核心价值观 用户输入的密码 不能小于三位 如果密码少于三位 提示用户 密码太短了 校验数据通常是前后端都有校验 但是前端校验可有可无 哪怕再牛逼 后端也必须要有校验 反正一句话 前端可有不校验 后端必须校验!! (深深的体现了开发鄙视链) 这个时候用 form组件 就可以自动帮我们完成三个功能: 1.搭建前端页面(渲染页面) 2.获取前端用户提交的数据校验(校验数据) 3.对数据的校验的结果 展示到前端页面给用户查看 (展示错误信息) 我们首先需要自己写一个继承了Form的类。 from django import forms class MyRegForm(forms.Form): username = forms.CharField(min_length=3,max_length=8) password = forms.CharField(min_length=3,max_length=8) email = forms.EmailField() 如何校验数据? from app01 import views # 1.给自定义的类传一个字典 obj = views.MyRegForm({'username':'jason',

form组件

匆匆过客 提交于 2019-12-02 19:14:58
Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来。 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。 Django form组件就实现了上面所述的功能。 总结一下,其实form组件的主要功能如下: 生成页面可用的HTML标签 对用户提交的数据进行校验 保留上次输入内容 普通方式手写注册功能 views.py # 注册 def register(request): error_msg = "" if request.method == "POST": username = request.POST.get("name") pwd = request.POST.get("pwd") # 对注册信息做校验 if len(username) < 6: # 用户长度小于6位 error_msg = "用户名长度不能小于6位" else: # 将用户名和密码存到数据库 return HttpResponse("注册成功") return render(request, "register.html", {"error_msg": error_msg}) login.html <!DOCTYPE

1.Django安装与运行

℡╲_俬逩灬. 提交于 2019-12-02 18:20:07
Django基本配置 Python的WEB框架有Django、Tornado、Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM、模型绑定、模板引擎、缓存、Session等诸多功能 1.安装 # windows 直接用pip进行安装 pip install django # 生成的django文件加入到系统环境变量 2.创建并启动 创建 django-admin startproject mysite 运行 python manage.py runserver 127.0.0.1:8001浏览器访问:http://127.0.0.1:8001/ 3.mysite目录结构 mysite    #目录  - mysite # 对整个程序进行配置   - init   - settings # 配置文件   - urls # URL对应关系   - wsgi # 遵循WSIG规范,uwsgi + nginx - manage.py # 管理Django程序: Django业务配置 1.创建app python manage.py startapp cmdb -->Terminal里面运行 2.app目录结构 # 目录结构 - cmdb - migrations  #数据库操作记录(只是修改表结构的记录) - init      

Layui form表单提交注意事项

做~自己de王妃 提交于 2019-12-02 15:36:14
// 表单提交form.on('submit(first1)', function (data) { var articleFrom = data.field; $.ajax({ type:"POST", url:"/user/upDate", data:articleFrom, dataType:"JSON", success:function (data) { if(data.flag){ layer.closeAll(); } } }); return false;});最后return false防止页面刷(form表单提交后如果请求原来的页面尾后没有参数?id=之类的参数请求,可以不返回false)),http://localhost:8080/jump/jumpToPages?flag=5请求原页面大有参数,必须返回false,不然页面获取不到参数 报错 来源: https://www.cnblogs.com/wangbiaohistory/p/11751912.html

Form和ModelForm组件1

ε祈祈猫儿з 提交于 2019-12-02 12:55:29
Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来。 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。 Django form组件就实现了上面所述的功能。 总结一下,其实form组件的主要功能如下: 生成页面可用的HTML标签 对用户提交的数据进行校验 保留上次输入内容 普通方式手写注册功能 views.py # 注册 def register(request): error_msg = "" if request.method == "POST": username = request.POST.get("name") pwd = request.POST.get("pwd") # 对注册信息做校验 if len(username) < 6: # 用户长度小于6位 error_msg = "用户名长度不能小于6位" else: # 将用户名和密码存到数据库 return HttpResponse("注册成功") return render(request, "register.html", {"error_msg": error_msg}) login.html <!DOCTYPE

Form和ModelForm组件

戏子无情 提交于 2019-12-02 12:55:23
Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来。 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。 Django form组件就实现了上面所述的功能。 总结一下,其实form组件的主要功能如下: 生成页面可用的HTML标签 对用户提交的数据进行校验 保留上次输入内容 普通方式手写注册功能 views.py # 注册 def register(request): error_msg = "" if request.method == "POST": username = request.POST.get("name") pwd = request.POST.get("pwd") # 对注册信息做校验 if len(username) < 6: # 用户长度小于6位 error_msg = "用户名长度不能小于6位" else: # 将用户名和密码存到数据库 return HttpResponse("注册成功") return render(request, "register.html", {"error_msg": error_msg}) login.html <!DOCTYPE

form表单转Json提交方法

ⅰ亾dé卋堺 提交于 2019-12-02 12:17:42
先将表单数值转换成数组存储,存储成的格式为[{"name":"","value":""},.....}] var formArray = $( " #form " ).serializeArray(); 将formArray转换成Json格式或者标准格式数组 /* 数组转json * @param array 数组 * @param type 类型 json array */ function formatArray(array, type) { var dataArray = {}; $.each(array, function () { if (dataArray[this.name]) { if (!dataArray[this.name].push) { dataArray[this.name] = [dataArray[this.name]]; } dataArray[this.name].push(this.value || ''); } else { dataArray[this.name] = this.value || ''; } }); return ((type == "json") ? JSON.stringify(dataArray) : dataArray); }    更多专业前端知识,请上 【猿2048】www.mk2048.com 来源:

Content-type的几种常见类型

人盡茶涼 提交于 2019-12-02 10:49:07
一、是什么? 是Http的实体首部字段,用于说明请求或返回的消息主体是用何种方式编码,在request header和response header里都存在。 二、几个常用类型: 1、application/x-www-form-urlencoded 1)浏览器的原生form表单 2) 提交的数据按照 key1=val1&key2=val2 的方式进行编码,key和val都进行了URL转码 POST [http://www.example.com](http://www.example.com) HTTP/1.1 Content-Type: application/x-[www-form-urlencoded](http://www-form-urlencoded);charset=utf-8 title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3 2、multipart/form-data <form action="/" method="post" enctype="multipart/form-data"> <input type="text" name="description" value="some text"> <input type="file" name="myFile"> <button type="submit"

validFrom不通过submit按钮来触发表单验证

余生颓废 提交于 2019-12-02 05:32:56
<from class="form-horizontal" id="recordFrom"> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right"><span class="red">*</span>回次序号:</label> <div class="col-sm-4"> <section class="form-container"> <input type="text" class="form-control" placeholder="请输入当前钻进回次序号" name="index" datatype="*"/> </section> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label no-padding-right"><span class="red">*</span>到底时余尺(m):</label> <div class="col-sm-4"> <section class="form-container"> <input type="text" class="form-control" name="endDepth" datatype="*,floatNum"/

form表单详解

吃可爱长大的小学妹 提交于 2019-12-02 03:06:50
form表单详解 form表单 form是一个复杂的系统标签,其内部又可包含很多的一些输入标签 例如input 输入文本标签 checkbox 多选标签等等 form表单有几个属性我们需要注意一下   1:action属性,里面写的是url链接,接就是表单提交的地址   2:method属性,里面写的是数据提交的方式,可以写入get或者post   3:enctype属性,提交数据的编码格式 form表单中的标签的前后台交互 form表单被我们应用在前后台交互的环节的,里面的值可以在后台通过某些key取出来 下面就来讲解不同标签取值的方法 1. input 标签 input标签我们最为常见,里面有三个属性比较重要   a. type 他是代表input的类型   b. name 他就是后台取值的依据(key)   c. val 他是我们输入的值,也是后台需要的值   <input type="" name=""> 然后我们根据type的类型,又可以把input进行细分   a. text 表示普通的文本,明文输入   b. password 输入的也是文本,密文输入   c. number 输入的是数字,不是数字不让输入   d. submit 提交按钮,提交form表单的内容   e. button 普通的按钮   f. radio 单选框