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

项目7正则表达式任务1先导知识：正则表达式、innerHTML和innerText任务2正则表达式用于验证表单控件内容

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

7.1.1正则表达式正则表达式，又称正规表示法、常规表示法(RegularExpression，在代码中常简写为regex、regexp或RE)，是计算机科学中的一个概念。正则表达式使用单个字符串来描述和匹配一系列符合某个句法规则的字符串。在很多文本编辑器里，正则表达式通常用来检索和替换那些符合某个模式的文本。引入正则表达式是为了用更简洁的代码严谨地验证文本框中的内容。

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.2.1验证邮编和手机号码正则表达式验证邮政编码和手机号码(中国的邮政编码都是6位，手机号码都是11位，并且手机号码第1位都是1)的语法如下：varregCode=/^\d{6}$/;varregMobile=/^1\d{10}$/;

上述程序代码运行结果如图7.1所示。图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程序运行结果

7.2.3验证注册页面

使用正则表达式验证博客园注册页面，验证的内容有用户名、密码、电子邮箱、手机号码和生日。其中，用户名只能由英文字母和数字组成，长度为4～16个字符，并且以英文字母开头；密码只能由英文字母和数字组成，长度为4～10个字符