第一节:表单验证
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自己了解