[北京|结业弟子]JS-刘其勇|2017年04月05日的日报-技能树.IT修真院

发表于： 2017-04-05 22:36:09

1 1641

今日完成：

1 日常任务：回复日报，复习相关。

2 任务10，angular表单验证：完成了静态页面。

3 表单验证的正则表达式，总结了语法

正则表达式：

1 定义：描述一个规则，验证其它文本是否符合此规则。它定义了这段文本的一个可能的值的集合。

2 语法：

》开始和结束：^匹配开头，$匹配结尾，\b表示边界，\B表示不是边界

》匹配所属的字符：用“元字符”表示，每种“元字符”表示该种类字符内的所有值。（大概）是 \ 和后面的字母。

[\u4e00-\u9fa5] 汉字

》匹配一个范围：精确匹配是完全相同的字符（/a/匹配的是a）；匹配一个范围用 [中括号]，（[6-18]表示6到18内的一个整数）

》匹配个数：精确个数：{个数}；范围内的个数：{至少个数，最多个数}。


n+	匹配任何包含至少一个 n 的字符串。例如，/a+/ 匹配 "candy" 中的 "a"，"caaaaaaandy" 中所有的 "a"。
n*	匹配任何包含零个或多个 n 的字符串。例如，/bo/ 匹配 "A ghost booooed" 中的 "boooo"，"A bird warbled" 中的 "b"，但是不匹配 "A goat grunted"。*
n?	匹配任何包含零个或一个 n 的字符串。例如，/e?le?/ 匹配 "angel" 中的 "el"，"angle" 中的 "le"。
n{X}	匹配包含 X 个 n 的序列的字符串。例如，/a{2}/ 不匹配 "candy," 中的 "a"，但是匹配 "caandy," 中的两个 "a"，且匹配 "caaandy." 中的前两个 "a"。
n{X,}	X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。例如，/a{2,}/ 不匹配 "candy" 中的 "a"，但是匹配 "caandy" 和 "caaaaaaandy." 中所有的 "a"。
n{X,Y}	X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次，至多 Y 次时匹配。例如，/a{1,3}/ 不匹配 "cndy"，匹配 "candy," 中的 "a"，"caandy," 中的两个 "a"，匹配 "caaaaaaandy" 中的前面三个 "a"。注意，当匹配 "caaaaaaandy" 时，即使原始字符串拥有更多的 "a"，匹配项也是 "aaa"。
n{X,}	匹配包含至少 X 个 n 的序列的字符串。
n$	匹配任何结尾为 n 的字符串。
^n	匹配任何开头为 n 的字符串。
?=n	匹配任何其后紧接指定字符串 n 的字符串。
?!n	匹配任何其后没有紧接指定字符串 n 的字符串。

》如何验证对不对：

https://c.runoob.com/front-end/854

3 如何用在js里：RegExp对象。

》RegExp对象是什么：一个全局构造函数，返回一个正则表达式

》接受两个参数：第一个是表达式，第二个是i或g（修饰符），i表示不分大小写，g表示找到第一个后继续查找下文。

用了两个\\，原因是为了把\b正确显示出来,也就是把“\b”转义一下。

》直接定义字面量就行。

》RegExp对象的方法：

RegExp 对象方法

》例：匹配6-15个数字。错误返回-1，否则返回开始位置（必须是0）。

4 如何用在angular里

。。。

明日计划：

1 日常任务：回复日报，小课堂--echart图表插件

2 任务10，争取完成表单验证的部分。

3 有时间整理任务提交

问题：收获：对正则表达式更清楚一些了，剩下的就是学习具体的用法。

——————————这是删不掉的分割线-----------------------------------------——————

返回列表