表单验证

前端之HTML

爷,独闯天下 提交于 2019-12-01 15:10:16
1 HTML介绍 1. 1 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 1. 2 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm 1. 3 HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 1 | 4 HTML文档结构 最基本的HTML文档: <!DOCTYPE html>

layui表单验证 只能是整数

戏子无情 提交于 2019-12-01 11:44:57
大部分的layui验证在我另一个博客页面 https://www.cnblogs.com/a973692898/p/11577502.html 这次的是只能输入整数,之前写了一个lay-verify=”required|number”,发现在实际运用中,写小数的,会出现错误信息;换成double也不成 后来就用了js辅助,看代码: <input name="operatorId" lay-verify="suanziId" class="layui-input" type="text"> 额。。。我这个命名可能不怎么规范哈, 上边代码中加下划线的是重点哈; //创建一个编辑器 var editIndex = layedit.build('LAY_demo_editor'); //自定义验证规则 form.verify({ title: function(value){ if(value.length < 5){ return '标题至少得5个字符啊'; } } ,suanziId: [ /^[1-9]\d*$/ ,'只能是整数哦' ] ,content: function(value){ layedit.sync(editIndex); } }); 这样就可以限制只能是数字了,其他的限制也可以使用这中方式。只需要不同的正则表达式即可 来源: https://www.cnblogs

IT兄弟连 HTML5教程 HTML5表单 多样的输入类型1

十年热恋 提交于 2019-12-01 11:29:29
HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证。并不是所有的主浏览器都支持新的input类型,不过我们可以在所有的主浏览器中使用它们,即使不被支持,仍然可以显示为常规的文本域。HTML5 Input类型如表。 表 HTML5 Input类型 1 email email类型用于包含e-mail地址的输入域,在提交表单时,会自动验证email域的值,用法如下: 上述代码验证了email输入框的邮箱格式,若出错会有提示。效果如图1所示: 图1 email的输入类型 2 url email类型用于包含url地址的输入域,在提交表单时,会自动验证url域的值,用法如下: 上述代码验证了email输入框的邮箱格式,若出错会有提示。效果如图2所示: 图2 url的输入类型 3 number number类型用于包含数值的输入域,特别地,我们还可以对数值设置限定,用法如下: 上述代码使用了number类型输入框,为该类型设置了数值范围为1~100。当我们输入101时,数值超出了范围,页面出现“值必须小于或等于100”的提示。效果如图3所示: 图3 number的输入类型 来源: https://www.cnblogs.com/itxdl/p/11683265.html

前端之HTML

元气小坏坏 提交于 2019-12-01 10:19:47
一、HTML 1、HTML介绍 1.1 Web服务本质 浏览器发送请求 HTTP协议 服务端接收请求 服务端返回响应 服务端把HTML文件内容发送给浏览器 浏览器渲染页面 1.2 HTML是什么? 超文本标记语言(Hypertext Markup Language,HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的拓展名:.html或.htm 1.3 HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 1.4 HTML文档结构 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html> ==<!DOCTYPE html>==声明为HTML5文档。 ====、====是文档的开始标记和结束标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。 ====、====定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。它包含了文档的元

复习注册表单html和jQuery

依然范特西╮ 提交于 2019-12-01 10:17:55
index.html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试注册</title> <script src="../jQuery工程/jquery-3.4.1.js"></script> <script src="zc.js"></script> <style> span{ color: red; } </style> </head> <body> <!--账号 姓名 密码 再次输入密码 手机号码 邮箱 个人简介 注册按钮--> <form action=""> <table align="center"> <tr><td> <p> 账号: <input type="text"name="userCode"placeholder="请输入账号"><span>*</span> </p> <p> 姓名:<input type="text"name="userName"placeholder="请输入姓名"> </p> <p> 密码:<input type="password"name="password"placeholder="请输入密码"><span>*</span> </p> <p> 再次输入密码:<input type="password"name="password2

form表单

爷,独闯天下 提交于 2019-12-01 10:14:29
form表单 form属于块级标签 功能: 表单用于向服务器传输数据,从而实现用户与web服务器的交互 表单能够包含input系列标签,比如文本字段。复选框。单选框。提交按钮等等 表单还可以包含textarea select fieldset labl标签 表单属性: 属性 描述 accept-charset 规定在提交表单时使用的字符集(默认:页面字符集) action 规定向何处提交表单的地址 URL(提交页面) autocomplete 规定浏览器应该自动完成表单(默认:开启) enctype 规定被提及的数据的编码(默认:url-encoded) methon 规定提交表单时所用的方法(默认:get) name 规定识别表单的名称(对于DOM 使用:document.forms.name) novalidate 规定浏览器不验证表单 target 规定action属性中地址的目标(默认:_self) 表单元素: 基本概念: html表单是html里比较复杂的部分,表单往往和脚本 动态页面 数据处理等功能结合 因此他是制作动态网站很重要的内容 表单一般手机用户的输入信息 表单工作原理: 访问者在浏览表单网页时,可填写必须的信息,然后按某个按钮提交。这些信息通过internet传送的服务端 服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要求纠正错误

html

生来就可爱ヽ(ⅴ<●) 提交于 2019-12-01 10:14:21
表单 功能/作用 用于向服务器发送数据,实现用户与web服务器的交互 form表单内的标签有 input textarea select fieldset label form表单属性 accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。 action 规定向何处提交表单的地址(URL)(提交页面)。 autocomplete 规定浏览器应该自动完成表单(默认:开启)。 enctype 规定被提交数据的编码(默认:url-encoded)。如果是上传文件需要将enctype="multipart/form-data" method 规定在提交表单时所用的 HTTP 方法(默认:GET)。 name 规定识别表单的名称(对于 DOM 使用:document.forms.name)。 novalidate 规定浏览器不验证表单。 target 规定 action 属性中地址的目标(默认:_self)。 input type 文本text 密码框password 日期输入框date 复选框checkbox redio单选框 提交按钮submit 重置按钮reset 普通按钮button 隐藏输入框hidden 文本选择框file name 相当于表单提交后的数据的key值 value 相当于表单提交后的数据的value值 当input为各种按钮时

前端基础之body内常用标签

南楼画角 提交于 2019-12-01 10:14:14
body内常用标签 一、基本标签(块级标签和内联标签) <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> <b>加粗</b> <i>斜体</i> <u>下划线</u> <s>删除<s/> <p>段落标签</p> <br>---换行 <hr>---水平线 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6> <b>加粗</b> <br> <i>斜体</i> <br> <u>下划线</u> <br> <s>删除</s> <hr> </body> </html> 二、特殊字符 内容 对应代码 空格   > > < < & & ¥ ¥ 版权© © 注册® ® 三、div标签和span标签 div标签 :用来定义一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。 span标签 :用来定义内联(行内)元素,并无实际的意义,主要通过CSS样式为其赋予不同的表现。

form表单

五迷三道 提交于 2019-12-01 10:14:14
表单 功能/作用 用于向服务器发送数据,实现用户与web服务器的交互 form表单内的标签有 input textarea select fieldset label form表单属性 accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。 action 规定向何处提交表单的地址(URL)(提交页面)。 autocomplete 规定浏览器应该自动完成表单(默认:开启)。 enctype 规定被提交数据的编码(默认:url-encoded)。如果是上传文件需要将enctype="multipart/form-data" method 规定在提交表单时所用的 HTTP 方法(默认:GET)。 name 规定识别表单的名称(对于 DOM 使用:document.forms.name)。 novalidate 规定浏览器不验证表单。 target 规定 action 属性中地址的目标(默认:_self)。 input type 文本text 密码框password 日期输入框date 复选框checkbox redio单选框 提交按钮submit 重置按钮reset 普通按钮button 隐藏输入框hidden 文本选择框file name 相当于表单提交后的数据的key值 value 相当于表单提交后的数据的value值 当input为各种按钮时

微信小程序常用表单校验方法(手机号校验、身份证号(严格和非严格校验、验证码六位数字校验))

若如初见. 提交于 2019-12-01 10:09:32
util.js function isPhone(value) { if (!/^1(3|4|5|7|8)\d{9}$/.test(value)) { return false } else { return true } } //验证码六位数校验 function isSixNum(value) { if (!/^\d{6}$/.test(value)) { return false } else { return true } } //身份证号不严格校验 function isCard(value) { if (!/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(value)) { return false } else { return true } } //身份证号严格校验 function IdentityIDCard (code) { //身份证号前两位代表区域 var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42: "湖北