javascript入门到精通4解析.ppt

正则表达式和表单辅助特效 本章目标 使用innerHTML动态改变DIV的内容 使用正则表达式验证页面输入的内容 使用数组实现级联的下拉列表框效果 正则表达式 为什么需要正则表达式 简洁的代码 严谨的验证文本框中的内容 什么是正则表达式 正则表达式是一个描述字符模式的对象 定义正则表达式 表达式的模式 定义正则表达式 普通方式 var reg=new RegExp(white); var reg=new RegExp(white,g); 构造函数 var reg=/表达式/附加参数 var reg=new RegExp(表达式,附加参数) var reg=/white/; var reg=/white/g; 表达式的模式 简单模式 复合模式 var reg=/china/; var reg=/abc8/; var reg=/^\w+$/; var reg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/; RegExp对象 RegExp对象的方法 方法 描述 exec 检索字符中是正则表达式的区配，返回找到的值，并确定其位置 test 检索字符串中指定的值，返回true或false String对象 String对象的方法 方法 描述 match 找到一个或多个正则表达式的匹配 search 检索与正则表达式相匹配的值 replace 替换与正则表达式匹配的字符串 split 把字符串分割为字符串数组 RegExp对象的属性 RegExp对象的属性 属性 描述 global RegExp对象是否具有标志g ignoreCase RegExp对象是否具有标志i multiline RegExp对象是否具有标志m 正则表达式符号 正则表达式常用符号 正则表达式重复字符 符号 描述 /…/ 代表一个模式的开始和结束 ^ 匹配字符串的开始 $ 匹配字符串的结束 \s 任何空白字符 \S 任何非空白字符 \d 匹配一个数字字符，等价于[0-9] \D 除了数字之外的任何字符，等价于[^0-9] \w 匹配一个数字、下划线或字母字符，等价于[A-Za-z0-9_] \W 任何非单字字符，等价于[^a-zA-z0-9_] . 除了换行符之外的任意字符 符号 描述 {n} 匹配前一项n次 {n,} 匹配前一项n次，或者多次 {n,m} 匹配前一项至少n次，但是不能超过m次 * 匹配前一项0次或多次，等价于{0,} + 匹配前一项1次或多次，等价于{1,} ？ 匹配前一项0次或1次，也就是说前一项是可选的，等价于{0,1} 正则表达式的应用 用户名、密码、电子邮箱、手机号码、身份证号码、生日、邮政编码、固定电话 验证邮政编码和手机号码 验证邮政编码和手机号码 中国的邮政编码都是6位 手机号码都是11位，并且第1位都是1 邮政编码和手机号码的验证的正则表达式 var regCode=/^\d{6}$/; var regMobile=/^1\d{10}$/; 演示示例：验证邮政编码和手机号码 小结 下面正则表达式中（ ）能正确验证身份证号，身份证号码由15位或18位数字组成。 A. var regMycard=/^\d{15}$|^\d{18}$/; B. var regMycard=/^\d{15}|\d{18}$/; C. var regMycard=/^\d{15,18}$/; D. var regMycard=/^\[0-9]{15}$|^\[0-9]{18}$/; 使用下拉列表框实现级联效果 如何使用下拉列表框实现城市级联 select对象 option对象 下拉列表框对象 Select对象常用事件、方法和属性 类别 名称 描述 事件 onchange 当改变选项时调用的事件 方法 add() 向下拉列表中添加一个选项 属性 options[] 返回包含下拉列表中的所有选项的一个数组 selectedIndex 设置或返回下拉列表中被选项目的索引号 length 返回下拉列表中的选项的数目 Option对象常用属性 text：设置或返回某个选项的纯文本值 value：设置或返回被送往服务器的值 Select对象的属性演示 function get(){ var index=document.getElementById(fruit).selectedIndex; var len=document.getElementById(fruit).length; var show=document.getElementById(show); show.innerHTML=被选选项的索引号为：+index+br/下拉列表选项数目为：+len; } 演示示例：select对象的属性演示 a