表单验证

form表单中input输入框的用法总结

放肆的年华 提交于 2020-02-16 12:48:05
1.  <input type="text"> type类型为text,定义一个可以输入内容文本输入框    2.  <input type="submit" value="提交"> type类型为text,定义一个按钮, 点击会提交到form表单地址中      另外:<button>提交</button> 按钮的标签button,也具有和<input type="submit" value="提交">同样的作用    3.  <input type="button" value="提交"> type为button,定义一个按钮, 但是能点击不能提交表单    4.  <input type="checkbox" > type为checkbox,定义一个复选框,点击勾选    5.  <input type="radio" name="sex" value="男"> type为radio,定义一个单选框,点击选中   6.  <input type="file"> 选择文件上传    7.  <input type="email"> 定义一个邮箱文本框,输入不是邮箱时,无法提交,并自动给予提示 8.  type类型为 url ,定义一个网址输入框,输入不是网址,则会提示 <form action="" method="GET"> <input type="url"> <input

jquery常用的插件1000收集

随声附和 提交于 2020-02-16 01:57:49
花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。 感谢大家的支持。 1. accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal accordion: jQuery 热点图书:www.hotbook.cn jQuery-Horizontal Accordion 具有XBOX360 blade界面风格的水平方向Accordion。 jQuery-Horizontal Accordion jQuery plugin: Accordion 用于创建 折叠菜单的jQuery插件。 jQuery plugin: Accordion 热点图书:www.hotbook.cn Accordion Menu script 基于 jQuery开发的可折叠菜单。 Accordion Menu script 热点图书:www.hotbook.cn jQuery.combobox jQuery.combobox 是一个采用jQuery开发的combobox控件,可以使用CSS控制该combobox的外观,可以设置各种不同风格的下拉动画效果。 jQuery.combobox 热点图书:www.hotbook.cn 2. AutoComplete jQuery插件易于集成到现在的表单中(Form)。 AutoComplete

119.用表单验证数据是否合法

三世轮回 提交于 2020-02-15 09:00:36
常用的Field: 使用Field是对数据进行验证的第一步。想要得到什么样的数据就定义什么样的Field。 但是在实际的开发当中,因为使用django中的表单会增加前端和后端的diamante的耦合性,所以一般不会使用django表单,而是在前端写好了表单之后,在django中使用表单进行验证。 1.CharField:用来接收文本。常用参数: max_length: 最大长度。 min_length: 最小长度。 error_messages: 在某个字段验证失败的时候,给出相应的错误信息。 required: 这个字段是否是必须被传入的,默认为True。 labels: 字段在浏览器中进行显示的时候的名字。 2.EmailField: 用来接收邮箱字段,会自动验证是否合法。 错误信息的key: required, invalid。 3.FloatField: 用来接收浮点类型的数据,经过验证之后,会将数据转换为浮点类型。 max_value: 最大值。 min_value: 最小值。 错误信息的key:required, invalid,max_value, min_value。 forms.py from django import forms class MessageBoard(forms.Form): <!--此时如果输入了一个不能转化为浮点类型的数值的话,就会报错--

120.表单中常用的验证器

假如想象 提交于 2020-02-15 09:00:04
常用的验证器 在验证某个字段的时候,可以传递一个validator参数用来指定验证器,进一步对数据进行验证。验证器有很多,但是很多的验证器的常用的作用已经可以使用相应的Field进行代替了。比如EmailValidator可以使用EmailField进行代替。比如,MaxValidator可以使用Max_value参数代替,以下介绍一些常用的验证器。 (1)MaxValueValidator:验证最大值。 (2)MinValueValidator:验证最小值。 (3)MaxLengthValidator:验证最大长度。 (4)MinLengthValidator:验证最小长度。 (5)EmailValidator:验证是否符合邮箱格式。 (6)URLField:验证是否符合url格式。 (7)regexValidator:如果还需要更加复杂的验证,那么我们可以通过正则表达式的验证器:RegexValidator。比如,我们可以验证手机号码时候合格,那么就可以自己定义验证器。示例代码如下: <!--正则表达式的含义:以1开头,第二位只能是2,3,4,5,6,7,8中的任意一位,\d代表的是数,{9}代表的是像\d一样的数字有9位--> phone2 = forms.CharField(validators=[validators.RegexValidator(r"1[345678]

事半功倍系列 javascript

若如初见. 提交于 2020-02-13 12:12:43
清华大学出版的《事半功倍系列 javascript》,本人照着书敲出来的,有些翻译了一下.前几年看了一下,最近无事,重新翻了翻,很有帮助.本书应该有光盘的,但学校的书,光盘不知在哪.希望对你学 javascript有帮助 第一章javascript简介 1.在地址栏输入javascript语句 Javascript:Document.write("显示文字") 2.将javascript嵌入 HTML文档 <script language=javascript> document.bgColor="blue" </script> 第二章 使用变量和数组 1.声明变量 <script language=javascripe> Var answer1,answer2,answer3,answer4; answer1=9; answer2=2.5 answer3="Milkey May" answer4=true </script> 2.使用整数 <script language=javascript> var decimalNum,hexadecimalNum,octalNum decimalNum=24 hexadecimalNum=0x24 octalNum=024 document.write("显示十进制数:"+ decimalNum+"<br>") document

2.11-表单

試著忘記壹切 提交于 2020-02-11 23:40:13
表单 今天下午重新学习了表单 表单提交的方式有两种:get和post 表单分为文本类、按钮类和选择类 -------文本类:包括文本框、密码框和文本域。 文本框-text 密码框-password 文本域-textarea -------按钮类:包括普通按钮(button)、提交按钮(submit)、重置按钮(reset)和图片按钮(image)。 ------选择类:包括单选按钮(radio)、复选按钮(checkbox)、下拉列表(select)和文件(file) 表单可以设置验证 必填项-input type=“text” required=“required”/> 默认提示-input type=“text” placeholder=“请输入姓名”/> 来源: CSDN 作者: XuanChen1234 链接: https://blog.csdn.net/XuanChen1234/article/details/104270283

Flask_0x03 Web表单

。_饼干妹妹 提交于 2020-02-10 02:57:47
0x1 Flask-WTF git checkout 4a 1.1 CSRF保护 Flask-WTF可以处理表单 (venv) $ pip install flask-wtf Flask-WTF 使用程序设置的秘钥生成加密令牌,验证表单数据真伪实现CSRF保护 设置密钥方法:hello.py:设置Flask-WTF app = Flask(__name__) app.config['SECRET_KEY'] = 'hard to guess string' app.config用来存储框架、扩展和程序本身的配置变量 SECRET_KEY配置变量是通用密钥 1.2 表单类 WTForms:http://wtforms.readthedocs.io/en/latest/ 使用Flask-WTF时,每个Web表单都由一个继承自Form的类表示 hello.py:Web表单,包括一个文本字段和一个提交按钮 from flask_wtf import Form from wtforms import StringField, SubmitField from wtforms.validators import Required class NameForm(Form): name = StringField('What is your name?', validators=[Required

Flask框架函数

雨燕双飞 提交于 2020-02-10 02:52:46
title: flask学习笔记 subtitle: 1. flask框架函数 date: 2018-12-14 10:17:28 --- Flask学习 学习Miguel Grinberg的2017年新版The Flask Mega-Tutorial教程中遇到的问题,加以记录。 Miguel Grinberg的blog(Flask部分): The Flask Mega-Tutorial(December 6 2017) 点我刷新 Flask框架函数 Flask框架/库 函数/参数 作用 示例 flask框架 render_template 将模板转换为完整的HTML页面的操作称为渲染。通过render_template渲染模板,该函数传入模板名以及一些模板变量列表,返回被实际变量值替换后的字符串结果。在内部,render_template 调用了原生依赖的Jinja2模板引擎,Jinja2 模板引擎是 Flask 框架的一部分。Jinja2 会把模板参数提供的相应的值替换了 {{…}} 块。 代码块1 Flask-WTF插件 FlaskForm 用户登录表单:Flask-WTF插件来处理本应用中的Web表单,它对WTForms进行了浅层次的封装以便和Flask完美结合。FlaskForm基类。 代码块2 wtforms包 StringField, PasswordField,

驰骋工作流自定义表单的需求--表单设计器

你说的曾经没有我的故事 提交于 2020-02-08 22:55:33
深圳xxx科技有限公司 ccflow自定义表单及系统集成的需求 需求内容如下: 1.支持常用控件: 文本框,文本label,单选框组radionbutton,复选框checkbox,复选框组checkboxs,数字框,文本域textarea,智能搜索下拉框、时间框、图片、表格(从表)、打印分页等控件。支持这些控件设置样式类(class)。比如文本框、下拉框只有下边框、单选框为方框的风格。比如按钮可以设置打印时不显示等。 RE: class自定义样式调整,需要二次开发, 对打印按钮在toobar按钮. 对于打印按钮可以使用如下 2.智能搜索下拉框支持单选、多选、输入文本、选定字段的智能搜索等,如果智能下拉框的枚举值包含图片时,支持打印智能下拉框的选中值的图片(用于打印图片签名)。 RE: 打印图片签名需要二次开发,打印的时候需要转义输出. 可以通过medil print 去打印的。 3.时间框支持日期、日期+时间、时间的时分、时间的时分秒多种格式,如格式设置为HH:mm时,弹出的时间层只有选小时和分钟。 (已实现该功能) 4.数字框支持可设置为只能输入整数、输入一位小数、输入两位小数。(已实现该功能) 5.文本框支持可设置默认值。且默认值可设置为url所传值的某个外键关联表里的数据。比如传病人id,默认值可以是病人基本信息表里的任意字段。 (可以实现该功能) 6

Jquery表单验证插件validate

☆樱花仙子☆ 提交于 2020-02-08 03:26:21
写在前面:    在做一些添加功能的时候,表单的提交前的验证是必不可少的,jquery的validate插件就还可以,对于基本的需求已经够了。这里记录下基本的用法。    还是写个简单的demo吧 <html> <head> <meta name="viewport" content="width=device-width" /> <title>Jquery表单校验插件validate</title> <%--jqury插件--%> <script src="${baseURL}/Bootstrap/bootstrap/assets/js/jquery-1.10.2.min.js"></script> <%--validate插件--%> <script src="${baseURL}/ligerui/jquery-validation/jquery.validate.min.js"></script> <%--中文提示插件--%> <script src="${baseURL}/ligerui/jquery-validation/messages_cn.js" type="text/javascript"></script> </head> <body> <div > <form id="myform"> <table> <tr> <td> ID </td> <td>