JavaScript前端开发案例教程第9章 正则表达式 教学PPT.pptVIP

9.4 与正则相关的方法 String类中的方法 var str = We are a family; var reg = /\s/; var split_res = str.split(reg, 2); console.log(split_res); // 输出结果：(2) [We, are] 在使用正则匹配方式分割字符串时，还可以指定字符串分割的次数。 当指定字符串分割次数后，若指定的次数小于实际字符串中符合规则分割的次数，则最后的返回结果中会忽略其他的分割结果。 ② 指定分割次数 动手实践 表单验证 分析表单项各项的限制条件： ① 用户名：长度4~12，英文大小写字母。 正则：/^[a-zA-Z]{4,12}$/。 ② 密码：长度6~20，大小写字母、数字或下划线。 正则：/^\w{6,20}$/。 ③ 确认密码：要求与密码框一样，且两次输入相同。 动手实践 表单验证 分析表单项各项的限制条件： 正则：RegExp(‘^’ + 密码框的值 + $) ④ 手机号码：13、14、15、17、18开头的11位手机号。 正则：/^1[34578]\d{9}$/。 ⑤ 邮箱：用户名@域名（域名后缀至少2个字符）。 正则：/^(\w+(\_|\-|\.)*)+@(\w+(\-)?)+(\.\w{2,})+$/。 动手实践 表单验证 代码实现思路： ① 编写用户注册表单，包含用户名、密码、确认密码、手机号以及电子邮箱。 ② 表单项添加失去焦点处理，事件处理函数为inputBlur()。 ③ 编辑inputBlur()函数，获取表单name、value及提示信息后，去除空白后，若内容为空调用error()给出提示，否则进行验证。 动手实践 表单验证 代码实现思路： ④ 编写error()函数完成错误提示 ⑤ 编写getRegMsg()函数获取验证的正则及提示信息。 ⑥ 根据正则验证value值，成功调用success()给出通过的提示。 ⑦ 编写success()函数完成错误及成功的提示。 本章小结 本章讲解的主要内容包括正则表达式的基本概念、正则表达式的语法规则、与正则相关的方法和属性、以及常见的正则应用案例。通过本章的学习，读者应熟练掌握正则表达式的书写，可以利用正则表达式完成Web开发中的各种字符串格式验证需求。 9.2 字符类别与集合 字符集合 字符集合的表示方式：“[]”可以实现一个字符集合。 字符范围：与连字符“-”一起使用时，表示匹配指定范围内的字符。 反义字符：元字符“^”与“[]”一起使用时，称为反义字符。 不在某范围内： “^”与“[]”一起使用，表示匹配不在指定字符范围内的字符。 9.2 字符类别与集合 字符集合 以字符串 get好TB6.match(/pattern/g) 为例演示其常见的用法。 pattern 说明 匹配结果 [cat] 匹配字符集合中的任意一个字符c、a、t [t] [^cat] 匹配除c、a、t以外的字符 (6) [g, e, 好, T, B, 6] [B-Z] 匹配字母B~Z范围内的字符 (2) [T, B] [^a-z] 匹配字母a~z范围外的字符 (4) [好, T, B, 6] [a-zA-Z0-9] 匹配大小写字母和0~9范围内的字符 (6) [g, e, t, T, B, 6] [\u4e00-\u9fa5] 匹配任意一个中文字符 [好] 9.2 字符类别与集合 字符集合 注意 字符“-”在通常情况下只表示一个普通字符，只有在表示字符范围时才 作为元字符来使用。“-”连字符表示的范围遵循字符编码的顺序，如“a-Z”、“z-a”、“a-9”都是不合法的范围。 9.2 字符类别与集合 【案例】限定输入内容 代码实现思路： 编写HTML，设置一个年（份）和月（份）的文本框，以及一个查询按钮。 获取操作的元素对象，对表单的提交进行验证。 验证年份， 正则：/^\d{4}$/。验证月份，正则： /^((0?[1-9])|(1[012]))$/ 。 文本框获取焦点，去除提示框的颜色。文本框失去焦点，去除输入内容的两端的空白，并进行验证。 9.3 字符限定与分组 字符限定——限定符 提出问题：匹配一个连续出现的字符，如 6个连续出现的数字“458925”。 解决方案1：正则对象/\d\d\d\d\d\d/gi。 存在的问题：重复出现的“\d”既不便于阅读，书写又繁琐。 解决方案2：使用限定符（?、+、*、{ }）完成某个字符连续出现的匹配。正则对象/\d{6}/gi。 9.3 字符限定与分组 字符限定——限定符 字符 说明 示例 结果 ? 匹配前面的字符零次或一次 hi?t 可匹配ht和hit + 匹配前面的字符一次或多次 bre+ad 可匹配范围从bread到bre…ad * 匹配前