JavaScript---表单验证和正则表达式

  表单验证意义与场景

1.降低服务器压力 拦截不合格的数据，

避免直接提交到服务器，可以显著降低服务器开销

2.提升用户体验

早期的互联网，表单项都是非常多的，注册个账号，经常需要填写20+个字段。

而其中有一个填写不正 确就要等待几十秒时间。如果有了表单验证，反馈是实时的，

  表单验证常用事件与属性

表单经常需要做一些非空验证、长度验证、合法性验证等。

只有表单元素才有value属性

英雄会注册

*用户名:<input type=“text” id=“userName” placeholder=“请输入用户名”

οnblur=“validateName()” />

用户名长度至少6位

*密码：<input type=“password” id=“password1” placeholder=“请输入密码”

οnblur=“validatePwd()”/>

密码长度至少8位

*确认密码：<input type=“password” id=“password2” placeholder="请确认密

码" οnblur=“confirmPwd()” />

确认密码与密码一致

*性别：

请选择性别 女 男

注册

重置

JavaScript的 RegExp 对象-正则表达式

---

  概念

RegExp：是正则表达式（regular expression）的简写。

正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单

个字符串来 描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜

索和文本替换。

  语法

  修饰符

可以在全局搜索中不区分大小写:

  正则表达式模式

方括号用于查找某个范围内的字符：

元字符是拥有特殊含义的字符：

量词：

常用的正则表达式校验案例