06.21-22表单验证和正则表达式

第一节：表单验证

1.什么是表单验证

表单：搜集用户信息，并且将信息发送给指定的服务器程序处理。信息必须符合格式才能向后台提交。

如果没有javaScript 此时数据的校验只能在 后台服务器端完成，

后果：浪费资源，浪费时间，降低服务器的效率。在js校验数据格式。如果符合格式，可以提交，否则，不能提交。

如果有javaScript : 直接在客户端进行 数据格式的校验，不需要经过后台，也就是说，只要数据能发送倒到后台，就说明这个数据一定是后台需要的数据。

表单验证的作用：验证数据的格式，将后台需要的数据格式 发送到后台。

例如：手机号，身份证号，邮箱等。

2.字符串操作

length属性：获取字符串的长度

3.表单验证使用

3.1 表单校验的两种方式

a.通过type="submit" 结合表单 onsubmit事件完成校验和提交

b.通过任意元素任意事件结合表单的submit()方法完成校验和提交

3.2 表单校验实例模拟信息注册⻚面

onsubmit:表单提交事件,当点击了type="submit"类型的按钮时,提交事件会被触发如果要阻止onsbumit事件的继续触发，要为onsubmit返回一个falseοnsubmit="return false" : 不会向服务器提交数据

二.正则表达式

1.什么是正则表达式

正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。许多程序设计语言都支持利用正则表达式进行字符串操作。例如，在Perl中就内建了一个功能强大的正则表达式引擎。正则表达式这个概念最初是由Unix中的工具软件（例如sed和grep）普及开的。正则表达式通常缩写成“regex”，单数有regexp、regex，复数有regexps、regexes、regexen。 

2.正则表达式使用

使用的方式: 定义一个规则(正则表达式)，去测试目标内容是否符合这个规则。 

//创建对象的方式创建正则

var 变量名 = new RegExp("表达式","附加参数")；

//字面量方式创建正则

var 变量名=/表达式/附加参数

附加参数：g（global）全局匹配    i（ignoreCase）不区分大小写

test()检索字符串中是否存在指定的值。存在返回 true 不存在返回 false。

exec()检索字符串中的正则表达式的匹配。如果存在返回该字符串，不存在返回null自己了解