JS_05.ppt

上章回顾 理解JS中的数组类型的特殊性并掌握其用法 掌握String类型的length和常用方法 掌握Math类型的常用方法 掌握Date类型的get方法组以及输出格式 掌握Option类型并能动态加载选项 本章目标 掌握JS中的正则表达式 掌握使用JS进行表单验证 掌握自定义类型StringBuffer，并测试运算效率 掌握软键盘的实现 理解网页日历的实现 第一部分 掌握JS中的正则表达式 掌握使用JS进行表单验证 掌握自定义类型StringBuffer，并测试运算效率 掌握软键盘的实现 理解网页日历的实现 正则表达式介绍 正则表达式（RegExp）是Regular Expression的缩写，是用于查找符合某些复杂规则的字符串的工具。 当检索某个文本时，可以使用一种模式来描述要检索的内容，RegExp 就是这种模式。 简单的模式可以是一个单独的字符，复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。 可以规定字符串中的检索位置，以及要检索的字符类型，等等。 正则表达式组成 匹配模式pattern：一个用于指定匹配规则的字符串 匹配特性attribute：一个可选的字符串，包含属性 g、i 和 m，分别用于指定全局匹配、区分大小写的匹配和多行匹配 元字符：具有特殊含义的字符 量词：指定字符出现的次数 特殊符号：具有特定含义的符号 属性和方法：属性用于表示匹配状态，方法用于匹配操作 语法 直接量语法var re=/pattern/attribute; 对象语法var re=new RegExp(pattern,attribute); 元字符 常用的元字符 . ：匹配除换行符以外的任意字符 \w ：匹配字母或数字或下划线 \s ：匹配任意的空白符 \d ：匹配数字 \b ：匹配单词开头或结尾的字符 \xxx ：匹配指定8进制数对应的字符 \xdd ：匹配指定16进制数对应的字符 \uxxxx ：匹配指定16进制数对应的unicode字符 注意：w、s、d、b大写时规则相反 量词 常用的量词 * ：重复零次或更多次 + ：重复一次或更多次 ? ：重复零次或一次 {n} ：重复n次 {n,} ：重复n次或更多次 {n,m} ：重复n到m次 特殊符号 常用特殊符号 ^：在[ ]外表示以指定字符开始，在[ ]内表示非 $：表示以指定字符结束 [ ]：表示可匹配序列 ( )：用于pattern分组 | ：用于pattern并列 属性和方法 属性： global：RegExp对象是否具有标志 g ignoreCase：RegExp对象是否具有标志i multiline：RegExp对象是否具有标志 m source：正则表达式的源文本 lastIndex：下一次匹配的字符位置 方法： complie：编译正则表达式 test：检索字符串中指定的值，返回 true 或 false exec：检索字符串中指定的值，返回找到的值，并确定其位置 示例 示例一：判断是否全是数字字符var reg=/ \d+/; 或var reg=new RegExp(“/\d+/”)if(reg.test(str)) …… 示例二：判断是否全是字母字符var reg=/[a-zA-Z]+/;//或/[a-z]+/i;或var reg=new RegExp(“/[a-z]+/”,“i”); 示例三：判断是否全是中文var reg=/^[\u4E00-\u9FA5]+$/; 练习 练习一：判断身份证格式(要求支持新旧证) /^[1-9]\d{14}(\d{2}[0-9X])?$/ 练习二：判断电话号码格式：区号可选，可用（）或-分割区号，区号0开头，共3或4位；号码7或8位，如(0100512-4567890可 /^((\(0\d{2,3}\))|(0\d{2,3}-))?[1-9]\d{6,7}$/ 练习三：判断Email地址 /^\w+([-.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/ 其它用法 String类型提供了以下四个支持RegExp的方法 search：检索与正则表达式相匹配的子字符串，返回第一个与regexp相匹配的子串的起始位置，若找不到则返回-1 match：检索与正则表达式相匹配的子字符串，返回第一个匹配结果(无全局标志g)或存放所有匹配结果的数组(有全局标志g) replace：检索与正则表达式相匹配的子字符串，然后用第二个参数来替换这些子串，全局标志g有效 split：按照与正则表达式匹配的字符作为分隔符 第二部分 掌握JS中的正则表达式 掌握使用JS进行表单验证 掌握自定义类型StringBuffer