《基于新信息技术的JavaScript程序设计基础》课件_第7章.pptx

项目7正则表达式;

任务1先导知识：正则表达式、innerHTML和innerText;

1.定义正则表达式

1)普通方式

普通方式如下：

varreg=/表达式/附加参数

例如：

varreg=/white/;

varreg=/white/g;;

2)构造函数

构造函数如下：

varreg=newRegExp(表达式,附加参数)

例如：

varreg=newRegExp(white);

varreg=newRegExp(white,g);;

2.表达式的模式

1)简单模式

简单模式如下：

varreg=/china/;

varreg=/abc8/;

2)复合模式

复合模式如下：

varreg=/^\w+$/;

varreg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;;

3.正则表达式的符号。

常用的正则表达式符号及说明如表7.1所示。;;

7.1.2innerHTML和innerText

innerHTML用于获取或设置指定元素标记内的HTML内容，从元素标记开始到元素标记结束(包括HTML标记)。

innerText用于获取或设置指定元素标记内的文本的值，从元素标记开始到元素标记结束(不包括HTML标记)。

innerHTML和innerText的区别是：innerHTML返回标记内的HTML内容，其中包含HTML标记；innerText返回标记内的文本的值，而不是HTML标记的值。;

任务2正则表达式用于验证表单控件内容;

上述程序代码运行结果如图7.1所示。;

7.2.2验证年龄

我们用正则表达式对年龄进行验证，年龄设定在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是单独的一种情况，需要单独列出来。;

上述程序代码运行结果如图7.2所示。;

7.2.3验证注册页面

使用正则表达式验证博客园注册页面，验证的内容有用户名、密码、电子邮箱、手机号码和生日。其中，用户名只能由英文字母和数???组成，长度为4～16个字符，并且以英文字母开头；密码只能由英文字母和数字组成，长度为4～10个字符；生日的年份在1900～2009之间，生日格式为1980-5-12或1988-05-04的形式。;

程序代码运行后的页面结果如图7.3所示。