`
flyeagle
  • 浏览: 211754 次
  • 来自: ...
社区版块
存档分类
最新评论

javascript文章搜索

阅读更多
 

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次,因此,上述正则表达式可以同jimmyjimmmmmy等字符串相匹配。

在对如何使用正则表达式有了初步了解之后,我们来看一下其它几个重要的元字符的使用方式。

代码

<o:p> </o:p>

   1. \s:用于匹配单个空格符,包括tab键和换行符;  

   2. \S:用于匹配除单个空格符之外的所有字符;  

   3. \d:用于匹配从09的数字;  

   4. \w:用于匹配字母,数字或下划线字符;  

   5. \W:用于匹配所有与\w不匹配的字符;  

   6. . :用于匹配除换行符之外的所有字符。  

<o:p> </o:p>

<o:p> </o:p>

分享到:
评论

相关推荐

    程序天下:JavaScript实例自学手册

    5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的...

    《程序天下:JavaScript实例自学手册》光盘源码

    5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的内容 第6章 下拉列表特效 6.1 下拉框实现多选 6.2 实现两个select的同步 6.3 被选中的列表项下次不能再选 6.4 不带滚动条的...

    web前台技术之间的关系html,css,javascript....

    如果你是一个Web开发初学者,那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思,然而,随着学习的深入。当你把他们搅在一起,你又糊涂了,你会不停的问,HTML是什么?CSS是什么?XML...

    精品文章管理系统

    这是一个完整的整站,可以不经修改就可以发布使用... (3)信息列表显示采用html页面插入“&lt;script language="javascript" src="列表程序+信息列表数+栏目"&gt;”方式 (4)支持插入图片功能,网友评价,文章排行版!

    【JavaScript源代码】Node实现搜索框进行模糊查询.docx

     本文实例为大家分享了Node实现搜索框进行模糊查询的具体代码,供大家参考,具体内容如下 点击导航栏中的搜索图,出现搜索框,从而进行文章的模糊查询 1.blog表 添加外键: 2.nav表 3.type表 4.user表 like....

    JavaScript面向对象编程指南

    如何使用面向对象方法进行Js编程,本书全,不是样本。 一些重点知识也可以在 http://nihao-shijie.lofter.com/ ,搜索javascript就会有相关文章。

    javascript 文章截取部分无损html显示实现代码

    近在做一些内容搜索的工作,搜索出来的内容为html格式,列表部分需要显示每项内容的一部分。

    javascript搜索自动提示功能的实现第1/3页

    使用 jQuery(Ajax)/PHP/MySQL实现自动完成功能一如往常,demo和源码的zip包在文章最后,慢慢欣赏吧! 我觉得我有必要写这个教程,因为曾经见到的大部分关于自动... JavaScript代码: 代码如下:[removed][removed] 

    自动完成的搜索框javascript实现

    我们通过两篇文章来进行讲解. 首先我们来完成界面的设计布局. 界面的HTML结构, 第一个少不了的是一个搜索框, 第二个就是搜索的点击按钮. &lt;input type=text value=&gt; &lt;button&gt;搜索&lt;/button&gt; ...

    简洁的 hexo 主题_博客主题_JavaScript_代码_下载

    全局搜索功能,并对搜索内容进行高亮。 博客评论功能:内置了针对 https://giscus.app/ 的支持 文章详情页文章目录功能 访问量统计(总体UV、PV,单页PV) 语言切换能力,目前支持中文和英文 更多详情、使用方法,...

    JavaScript中的私有成员

    JavaScript是世界上是被误解得最厉害的编程语言。...感兴趣的话可以搜索相关的文章来看,当然也可以不管这些,就当它是真正的OOP来用。Have fun!) 对象 JavaScript是建立在对象之上的。数组(Array)是对

    JavaScript中的computer-science-in-javascript:在JavaScript中重新实现的计算机科学

    JavaScript中的计算机科学(ES5和ES6) 该存储库包含有关我有关一系列系列文章的代码,这些系列文章以JavaScript重新实现,涉及计算机科学(主要是数据结构和排序算法)。该存储库中有什么? 到目前为止,它包含2个...

    SearchFilter:新闻文章搜索引擎

    SearchFilter 模组 后端:后端被实现为Tomcat Web容器。 前端需要首先构建。 通用:包含通用模块 前端:前端是一个webpack Web项目 预处理:预处理模块 配置 我们使用一个中央属性配置文件。 该文件的位置是: ...

    JavaScript-Demos:从博客文章创建的在线演示的集合

    JavaScript演示 由 (在) 这是基于我的博客上的博客帖子的在线JavaScript演示的。 基本上,所有代码都已经在我的博客上了; 但是,我想要一种轻松创建读者可以玩的...在Angular 10.1.6中过滤数组时使用渐进式搜索优化

    ljj文章管理系统LjjWZ(标准版)v 1.00.rar

    (8)各种系统参数全部提供详细说明和在线操作,至强的后台管理功能:文章审核/分页/编辑/移动/模块更新/删除/评论/推荐/排行/搜索等等功能。 (9)文章内容支持Ljj代码/HTML/纯文本。Ljj代码方便、快洁、功能强大。 ...

    js经验分享 JavaScript反调试技巧

    但是当我在网上搜索相关资料时,我发现网上并没有多少关于这方面的文章,而且就算有也是非常不完整的那种。所以在这篇文章中,我打算跟大家总结一下关于JavaScript反调试技巧方面的内容。值得一提的是,其中有些方法...

    javascript-data-structures:javascript中的一些计算机科学数据结构

    javascript 数据结构javascript中的一些计算机科学数据结构主要是因为阅读了 Nicholas Zakas 关于 Javascript 和数据结构的文章。 二叉搜索树

    JavaScript正则表达式下之相关方法

    上篇文章给大家介绍了JavaScript 正则表达式上之基本语法介绍了JavaScript正则表达式的语法,有了这些基本知识,可以看看正则表达式在JavaScript的应用了,在一切开始之前,看看RegExp实例的几个属性 RegExp实例...

    learning-binary-search-trees:JavaScript中的二进制搜索树实现

    这是JavaScript中的二进制搜索树的实现。 这与我的文章二。 文件BSTNode.js是二进制搜索树上节点的实现。 BSTGraph.js文件是您可以在树上执行的操作的实现,包括添加,删除,查找和遍历。 文件DemoGraph.js是...

    人工智能-项目实践-信息检索-支持多关键词检索的文章信息管理系统

    本系统为支持多关键词搜索的文章信息管理系统。主要功能模块分为:首页、文章分类、文章发布、文章管理、用户中心和消息中心。 注意:本系统是基于JS的WEB全栈开发,纯练手项目,如果您有兴趣,可以点下“star”...

Global site tag (gtag.js) - Google Analytics