JS的正则表达式<o:p></o:p>
<o:p> </o:p>
//校验是否全由数字组成
代码
<o:p> </o:p>
1. function isDigit(s)
2. {
3. var patrn=/^[0-9]{1,20}$/;
4. if (!patrn.exec(s)) return false
5. return true
6. }
<o:p> </o:p>
//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
代码
<o:p> </o:p>
1. function isRegisterUserName(s)
2. {
3. var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
4. if (!patrn.exec(s)) return false
5. return true
6. }
<o:p> </o:p>
//校验用户姓名:只能输入1-30个以字母开头的字串
代码
<o:p> </o:p>
1. function isTrueName(s)
2. {
3. var patrn=/^[a-zA-Z]{1,30}$/;
4. if (!patrn.exec(s)) return false
5. return true
6. }
7. }}
8.
9. //校验密码:只能输入6-20个字母、数字、下划线
10. [code]
11. function isPasswd(s)
12. {
13. var patrn=/^(\w){6,20}$/;
14. if (!patrn.exec(s)) return false
15. return true
16. }
<o:p> </o:p>
//校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”
代码
<o:p> </o:p>
1. function isTel(s)
2. {
3. //var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;
4. var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
5. if (!patrn.exec(s)) return false
6. return true
7. }
<o:p> </o:p>
//校验手机号码:必须以数字开头,除数字外,可含有“-”
代码
<o:p> </o:p>
1. function isMobil(s)
2. {
3. var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
4. if (!patrn.exec(s)) return false
5. return true
6. }
<o:p> </o:p>
//校验邮政编码
代码
<o:p> </o:p>
1. function isPostalCode(s)
2. {
3. //var patrn=/^[a-zA-Z0-9]{3,12}$/;
4. var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
5. if (!patrn.exec(s)) return false
6. return true
7. }
<o:p> </o:p>
//校验搜索关键字
代码
<o:p> </o:p>
1. function isSearch(s)
2. {
3. var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]{1}[^`~!@$%^&()+=|\\\]
4. [\]\{\}:;'\,.<>?]{0,19}$/;
5. if (!patrn.exec(s)) return false
6. return true
7. }
8.
9. function isIP(s) //by zergling
10. {
11. var patrn=/^[0-9.]{1,20}$/;
12. if (!patrn.exec(s)) return false
13. return true
14. }
<o:p> </o:p>
正则表达式
代码
<o:p> </o:p>
1. "^\\d+$" //非负整数(正整数 + 0)
2. "^[0-9]*[1-9][0-9]*$" //正整数
3. "^((-\\d+)|(0+))$" //非正整数(负整数 + 0)
4. "^-[0-9]*[1-9][0-9]*$" //负整数
5. "^-?\\d+$" //整数
6. "^\\d+(\\.\\d+)?$" //非负浮点数(正浮点数 + 0)
7. "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"
8. //正浮点数
9. "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //非正浮点数(负浮点数 + 0)
10. "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"
11. //负浮点数
12. "^(-?\\d+)(\\.\\d+)?$" //浮点数
13. "^[A-Za-z]+$" //由26个英文字母组成的字符串
14. "^[A-Z]+$" //由26个英文字母的大写组成的字符串
15. "^[a-z]+$" //由26个英文字母的小写组成的字符串
16. "^[A-Za-z0-9]+$" //由数字和26个英文字母组成的字符串
17. "^\\w+$" //由数字、26个英文字母或者下划线组成的字符串
18. "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址
19. "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$" //url
20. "^[A-Za-z0-9_]*$"
<o:p> </o:p>
<o:p> </o:p>
正则表达式使用详解<o:p></o:p>
简介
<o:p> </o:p>
简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具。其作用如下:
测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证。
替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字。
根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字。
<o:p> </o:p>
基本语法
<o:p> </o:p>
在对正则表达式的功能和作用有了初步的了解之后,我们就来具体看一下正则表达式的语法格式。
正则表达式的形式一般如下:
<o:p> </o:p>
/love/ 其中位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。用户只要把希望查找匹配对象的模式内容放入“/”定界符之间即可。为了能够使用户更加灵活的定制模式内容,正则表达式提供了专门的“元字符”。所谓元字符就是指那些在正则表达式中具有特殊意义的专用字符,可以用来规定其前导字符(即位于元字符前面的字符)在目标对象中的出现模式。
较为常用的元字符包括: “+”, “*”,以及 “?”。
<o:p> </o:p>
“+”元字符规定其前导字符必须在目标对象中连续出现一次或多次。
<o:p> </o:p>
“*”元字符规定其前导字符必须在目标对象中出现零次或连续多次。
<o:p> </o:p>
“?”元字符规定其前导对象必须在目标对象中连续出现零次或一次。
<o:p> </o:p>
下面,就让我们来看一下正则表达式元字符的具体应用。
<o:p> </o:p>
/fo+/ 因为上述正则表达式中包含“+”元字符,表示可以与目标对象中的 “fool”, “fo”, 或者 “football”等在字母f后面连续出现一个或多个字母o的字符串相匹配。
<o:p> </o:p>
/eg*/ 因为上述正则表达式中包含“*”元字符,表示可以与目标对象中的 “easy”, “ego”, 或者 “egg”等在字母e后面连续出现零个或多个字母g的字符串相匹配。
<o:p> </o:p>
/Wil?/ 因为上述正则表达式中包含“?”元字符,表示可以与目标对象中的 “Win”, 或者“Wilson”,等在字母i后面连续出现零个或一个字母l的字符串相匹配。
<o:p> </o:p>
有时候不知道要匹配多少字符。为了能适应这种不确定性,正则表达式支持限定符的概念。这些限定符可以指定正则表达式的一个给定组件必须要出现多少次才能满足匹配。
<o:p> </o:p>
{n} n 是一个非负整数。匹配确定的 n 次。例如,'o{2}' 不能匹配 "Bob" 中的 'o',但是能匹配 "food" 中的两个 o。
<o:p> </o:p>
{n,} n 是一个非负整数。至少匹配 n 次。例如,'o{2,}' 不能匹配 "Bob" 中的 'o',但能匹配 "foooood" 中的所有 o。'o{1,}' 等价于 'o+'。'o{0,}' 则等价于 'o*'。
<o:p> </o:p>
{n,m} m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。例如,"o{1,3}" 将匹配 "fooooood" 中的前三个 o。'o{0,1}' 等价于 'o?'。请注意在逗号和两个数之间不能有空格。
<o:p> </o:p>
除了元字符之外,用户还可以精确指定模式在匹配对象中出现的频率。例如,/jim {2,6}/ 上述正则表达式规定字符m可以在匹配对象中连续出现2-6次,因此,上述正则表达式可以同jimmy或jimmmmmy等字符串相匹配。
在对如何使用正则表达式有了初步了解之后,我们来看一下其它几个重要的元字符的使用方式。
代码
<o:p> </o:p>
1. \s:用于匹配单个空格符,包括tab键和换行符;
2. \S:用于匹配除单个空格符之外的所有字符;
3. \d:用于匹配从0到9的数字;
4. \w:用于匹配字母,数字或下划线字符;
5. \W:用于匹配所有与\w不匹配的字符;
6. . :用于匹配除换行符之外的所有字符。
<o:p> </o:p>
<o:p> </o:p>
分享到:
相关推荐
2. 只遍历需要搜索的部分,如文章内容区域,而不是整个页面。 3. 添加清除搜索结果的按钮,方便用户清空搜索结果。 4. 提供搜索提示,比如下拉菜单显示相关搜索词。 通过以上步骤,我们可以实现一个基本的...
在这个主题中,我们将深入探讨如何利用XML来存储和传递数据,以及如何用JavaScript来实现页面上的搜索与分页功能。 XML是一种结构化数据格式,它允许我们创建自定义的标签来组织和表示信息。在静态页面搜索中,XML...
本压缩包"javascript经典特效---多篇文章的处理.rar"显然聚焦于如何利用JavaScript技术来处理和展示多篇文章,可能包括文章的加载、排序、搜索、分页等功能。 在JavaScript中,处理多篇文章的数据结构通常会选择...
2. 保存离线阅读:使用浏览器的存储API(如localStorage或IndexedDB),JavaScript可以将文章内容保存在本地,方便用户在无网络连接时阅读。 3. 自定义样式:JavaScript可以改变文章的样式,如字体、背景色等,满足...
本篇文章将详细介绍如何利用JavaScript库Flexsearch为VuePress站点添加全文搜索。 Flexsearch是一个高性能、轻量级的搜索引擎,它支持多种搜索算法,可以处理大量数据,并且具有极高的可配置性。Flexsearch库在...
3. **JSON-LD用于结构化数据**:JavaScript可以用来插入JSON-LD(一种轻量级的结构化数据标记格式),帮助搜索引擎更好地理解页面内容,如文章、评价、事件等。 4. **无障碍性(Accessibility)**:良好的无障碍性...
这篇文章主要聚焦于JavaScript的一些基本方法和实用技巧,旨在帮助无论是初学者还是有一定经验的开发者提升JavaScript技能。 首先,创建JavaScript脚本块是通过`<script>`标签实现的,其中`language="JavaScript"`...
本篇文章将指导你如何结合PHP和JavaScript来创建一个AJAX搜索窗口。 1. **概述** Yahoo!的Y!Q服务开创了在网页内嵌搜索的新模式,但其对客户端的限制和对页面外观的影响引发了批评。相比之下,MSN Search和Google...
CHM(Compiled Help Manual)是微软的编译帮助文件格式,通常包含索引、搜索功能和一系列主题文章,方便用户查找和学习相关知识。 通过学习这本《JavaScript DHTML CSS手册》,开发者可以提升自己在前端开发领域的...
本篇文章将深入探讨“超实用的javascript代码”中的关键知识点,包括页面处理和图片处理。 1. **DOM操作**:在JavaScript中,Document Object Model (DOM) 是网页内容的结构化表示,可以用来访问和修改页面元素。...
本篇文章将深入探讨50个强大的JavaScript特效及其相关知识。 1. 动画效果:JavaScript可以创建平滑的过渡动画,如淡入淡出、滑动切换等,通过改变CSS属性如透明度、位置等实现。 2. 滚动事件:监听页面滚动,根据...
在WXML文件中,组件用于获取用户输入的搜索关键字,并通过bindinput和bindconfirm事件与JavaScript中的处理函数绑定。当用户输入数据时,会调用wxSearchInput函数,而当用户按下确认键时,则触发search函数,将搜索...
用户发表的文章会被存储到数据库中,搜索功能则依赖于查询语句从数据库中检索相关信息,而回复文章则需要处理用户的输入,并将其与原帖关联起来存储。 标签“bbs”通常代表Bulletin Board System(电子公告板系统)...
通过本篇文章的学习,读者应该能够掌握如何在JavaScript中搜索字符串,并将搜索结果以字符串的形式返回。这在进行数据处理、文本分析、用户输入验证等场景时非常有用。同时,理解match方法的细节,包括它的返回值和...
本篇文章将深入探讨Eclipse的快捷键大全以及JavaScript中的鼠标事件。 首先,让我们来看看Eclipse,这是一个广泛使用的开源Java IDE,但同时也支持多种其他编程语言。Eclipse的快捷键设计旨在帮助程序员快速执行...
这篇文章将深入探讨如何利用JavaScript来实现这样的功能。 首先,我们需要了解JavaScript中的基础图像处理和地图交互的概念。在Web开发中,我们可以使用HTML5的`<canvas>`元素进行图像操作,包括标注。`canvas`提供...
5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的...
当试图访问一个对象的属性时,JavaScript会首先在当前对象中查找,如果找不到,则会向上搜索其原型,直至找到属性或到达原型链的顶端(即`null`)。通过设置一个对象的`__proto__`属性为另一个对象,可以实现继承。 ...
本篇文章将深入探讨如何用JavaScript实现树状结构的展现,并针对用户交互,如单击或双击事件,进行响应处理。 首先,我们需要定义一个树节点的数据结构。一个简单的树节点通常包含以下几个属性:`value`(节点值)...