教学电子课件使用javascript增强交互效果tp.pptx

第七章正则表达式和表单辅助特效回顾与作业点评如何验证电子邮箱地址中有字符@？如何验证电子邮箱地址中有字符“.”，并且该字符不在最后一位？对文本框中的内容进行验证时，当鼠标离开文本框中时，如果内容不符合要求，使用什么事件可以即时提示错误信息，？预习检查正则表达式有几种构造方式，分别是什么？RegExp对象使用什么方法匹配正则表达式？如何创建数组并为数组赋值，使用数组的什么属性可以获取数组中的元素个数？本章任务制作严谨的电子邮箱验证页面制作省市级联效果本章目标使用innerHTML动态改变DIV的内容使用正则表达式验证页面输入的内容使用数组实现级联的下拉列表框效果正则表达式为什么需要正则表达式简洁的代码严谨的验证文本框中的内容什么是正则表达式正则表达式是一个描述字符模式的对象定义正则表达式表达式的模式定义正则表达式普通方式var reg=/white/;var reg=/white/g;var reg=/表达式/附加参数构造函数var reg=new RegExp(表达式,附加参数)var reg=new RegExp(white);var reg=new RegExp(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或falseString对象String对象的方法方法描述match找到一个或多个正则表达式的匹配search检索与正则表达式相匹配的值replace替换与正则表达式匹配的字符串split把字符串分割为字符串数组RegExp对象的属性RegExp对象的属性属性描述globalRegExp对象是否具有标志gignoreCaseRegExp对象是否具有标志imultilineRegExp对象是否具有标志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}$/;演示示例：验证年龄验证年龄对年龄进行验证，年龄必须在0－120之间10-99这个范围都是两位数，十位是1-9，个位是0-9，正则表达式为[1-9]\d。0-9这个范围是一位，正则表达式为\d。100-119这个范围是三位数，百位是1，十位是0-1，个位是0-9，正则表达式为1[0-1]\d。根据以上可知，所有年龄的个位都是0-9，当百位是1时十位是0-1，当年龄为两位数时十位是1-9，因此0-119这个范围的正则表达式为(1[0-1]|[1-9])?\d年龄120是单独的一种情况，需要单独列出来练习-验证注册页面需求说明使用正则表达式验证博客园注册页面，验证用户名、密码、电子邮箱、手机号码和生日用户名只能由英文字母和数字组成，长度为4-16个字符，并且以英文字母开头密码只能由英文字母和数字组成，长度为4-10个字符生日的年份在1900-2009之间，生日格式为1980-5-12或1988-05-04的形式完成时间：30分钟 学员练习参考答案/练习1：使用正则表达式验证注册页面/register.html查看完整代码共性问题集中讲解共性问题集中讲解常见调试问题及解决办法代码规范问题小结下面正则表达式中（ ）能正确验证身份证号，身份证号码由15位或18位数字组成。A. var regMycard=/^\d{15}$|^\d{18}$/;B. var regMycard=/^\d{15}|\d{18}$/;C. va