经典Javascript正则表达式[优质排版]

CooperBennett · 发布于 2017-01-11 · 字数9067 · 浏览 817 · 评论 0

匹配中文字符的正则表达式:
代码如下:

[\u4e00-\u9fa5]

匹配双字节字符(包括汉字在内):
代码如下:

[^\x00-\xff]

应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)
代码如下:

String.prototype.len=function(){ return this.replace([^\x00-\xff]/g,”aa”).length; }

匹配空行的正则表达式:
代码如下:

\n[\s|]*\r

匹配HTML标记的正则表达式:
代码如下:

/<(.*)>.*<\/\1>|<(.*) \/>/

匹配首尾空格的正则表达式:
代码如下:

(^\s*)|(\s*$)

应用:j avascript中没有像v bscript那样的trim函数,我们就可以利用这个表达式来实现,如下:
代码如下:

String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, “”);
}

利用正则表达式分解和转换IP地址
下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序:
代码如下:

function IP2V(ip)
{
re=/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //匹配IP地址的正则表达式
if(re.test(ip))
{
return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1
}
else
{
throw new Error(“Not a valid IP address!”)
}
}

不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下:
代码如下:

var ip=”10.100.20.168″
ip=ip.split(“.”)
alert(“IP值是:”+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

匹配Email地址的正则表达式:
代码如下:

\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配网址URL的正则表达式:
代码如下:

http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

利用正则表达式去除字串中重复的字符的算法程序:[*注:此程序不正确]
代码如下:

var s=”abacabefgeeii”
var s1=s.replace(/(.).*\1/g,”$1″)
var re=new RegExp(“[“+s1+”]”,”g”)
var s2=s.replace(re,””)
alert(s1+s2) //结果为:abcefgi

*注
===============================
如果var s = “abacabefggeeii”
结果就不对了,结果为:abeicfgg
正则表达式的能力有限
===============================

我原来在CSDN上发贴寻求一个表达式来实现去除重复字符的方法,最终没有找到,这是我能想到的最简单的实现方法。思路是使用后向引用取出包括重复的字符,再以重复的字符建立第二个表达式,取到不重复的字符,两者串连。这个方法对于字符顺序有要求的字符串可能不适用。

得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1
代码如下:

s=”http://blog.penner.cn/page1.htm”
s=s.replace(/(.*\/){ 0, }([^\.]+).*/ig,”$2″)
alert(s)

利用正则表达式限制网页表单里的文本框输入内容:

用正则表达式限制只能输入中文:
代码如下:

onkeyup=”value=value.replace(/[^\u4E00-\u9FA5]/g,”)” onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\u4E00-\u9FA5]/g,”))”

用正则表达式限制只能输入全角字符:
代码如下:

onkeyup=”value=value.replace(/[^\uFF00-\uFFFF]/g,”)” onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\uFF00-\uFFFF]/g,”))”

用正则表达式限制只能输入数字:
代码如下:

onkeyup=”value=value.replace(/[^\d]/g,”) “onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\d]/g,”))”

用正则表达式限制只能输入数字和英文:
代码如下:

onkeyup=”value=value.replace(/[\W]/g,”) “onbeforepaste=”clipboardData.setData(‘text’,clipboardData.getData(‘text’).replace(/[^\d]/g,”))”

匹配非负整数(正整数 + 0)
代码如下:

^\d+$

匹配正整数
代码如下:

^[0-9]*[1-9][0-9]*$

匹配非正整数(负整数 + 0)
代码如下:

^((-\d+)|(0+))$

匹配负整数
代码如下:

^-[0-9]*[1-9][0-9]*$

匹配整数
代码如下:

^-?\d+$

匹配非负浮点数(正浮点数 + 0)
代码如下:

^\d+(\.\d+)?$

匹配正浮点数
代码如下:

^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$

匹配非正浮点数(负浮点数 + 0)
代码如下:

^((-\d+(\.\d+)?)|(0+(\.0+)?))$

匹配负浮点数
代码如下:

^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$

匹配浮点数
代码如下:

^(-?\d+)(\.\d+)?$

匹配由26个英文字母组成的字符串
代码如下:

^[A-Za-z]+$

匹配由26个英文字母的大写组成的字符串
代码如下:

^[A-Z]+$

匹配由26个英文字母的小写组成的字符串
代码如下:

^[a-z]+$

匹配由数字和26个英文字母组成的字符串
代码如下:

^[A-Za-z0-9]+$

匹配由数字、26个英文字母或者下划线组成的字符串
代码如下:

^\w+$

匹配email地址
代码如下:

^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$

匹配url
代码如下:

^[a-zA-z]+://匹配(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$

匹配html tag
代码如下:

<\s*(\S+)(\s[^>]*)?>(.*?)<\s*\/\1\s*>

Visual Basic & C# Regular Expression
1.确认有效电子邮件格式
下面的示例使用静态 Regex.IsMatch 方法验证一个字符串是否为有效电子邮件格式。如果字符串包含一个有效的电子邮件地址,则 IsValidEmail 方法返回 true,否则返回 false,但不采取其他任何操作。您可以使用 IsValidEmail,在应用程序将地址存储在数据库中或显示在 ASP.NET 页中之前,筛选出包含无效字符的电子邮件地址。

[Visual Basic]
代码如下:

Function IsValidEmail(strIn As String) As Boolean
‘ Return true if strIn is in valid e-mail format.
Return Regex.IsMatch(strIn, (“^([\w-\.]+)@((\[[0-9]{ 1,3 }\.[0-9]{ 1,3 }\.[0-9]{ 1,3 }\.)|(([\w-]+\.)+))([a-zA-Z]{ 2,4 }|[0-9]{ 1,3 })(\]?)$”)
End Function

[C#]
代码如下:

bool IsValidEmail(string strIn)
{
// Return true if strIn is in valid e-mail format.
return Regex.IsMatch(strIn, @”^([\w-\.]+)@((\[[0-9]{ 1,3 }\.[0-9]{ 1,3 }\.[0-9]{ 1,3 }\.)|(([\w-]+\.)+))([a-zA-Z]{ 2,4 }|[0-9]{ 1,3 })(\]?)$”);
}

2.清理输入字符串
下面的代码示例使用静态 Regex.Replace 方法从字符串中抽出无效字符。您可以使用这里定义的 CleanInput 方法,清除掉在接受用户输入的窗体的文本字段中输入的可能有害的字符。CleanInput 在清除掉除 @、-(连字符)和 .(句点)以外的所有非字母数字字符后返回一个字符串。

[Visual Basic]
代码如下:

Function CleanInput(strIn As String) As String
‘ Replace invalid characters with empty strings.
Return Regex.Replace(strIn, “[^\w\.@-]”, “”)
End Function

[C#]
代码如下:

String CleanInput(string strIn)
{
// Replace invalid characters with empty strings.
return Regex.Replace(strIn, @”[^\w\.@-]”, “”);
}

3.更改日期格式
以下代码示例使用 Regex.Replace 方法来用 dd-mm-yy 的日期形式代替 mm/dd/yy 的日期形式。

[Visual Basic]
代码如下:

Function MDYToDMY(input As String) As String
Return Regex.Replace(input, _
“\b(?<month>\d{ 1,2 })/(?<day>\d{ 1,2 })/(?<year>\d{ 2,4 })\b”, _
“${ day }-${ month }-${ year }”)
End Function

[C#]
代码如下:

String MDYToDMY(String input)
{
return Regex.Replace(input,”\\b(?<month>\\d{ 1,2 })/(?<day>\\d{ 1,2 })/(?<year>\\d{ 2,4 })\\b”,”${ day }-${ month }-${ year }”);
}

Regex 替换模式
本示例说明如何在 Regex.Replace 的替换模式中使用命名的反向引用。其中,替换表达式 ${ day } 插入由 (?…) 组捕获的子字符串。

有几种静态函数使您可以在使用正则表达式操作时无需创建显式正则表达式对象,而 Regex.Replace 函数正是其中之一。如果您不想保留编译的正则表达式,这将给您带来方便

4.提取 URL 信息
以下代码示例使用 Match.Result 来从 URL 提取协议和端口号。例如,“http://www.penner.cn:8080……将返回“http:8080”。

[Visual Basic]
代码如下:

Function Extension(url As String) As String
Dim r As New Regex(“^(?<proto>\w+)://[^/]+?(?<port>:\d+)?/”, _
RegexOptions.Compiled)
Return r.Match(url).Result(“${ proto }${ port }”)
End Function

[C#]
代码如下:

String Extension(String url)
{
Regex r = new Regex(@”^(?<proto>\w+)://[^/]+?(?<port>:\d+)?/”,
RegexOptions.Compiled);
return r.Match(url).Result(“${ proto }${ port }”);
}

只有字母和数字,不小于6位,且数字字母都包含的密码的正则表达式
在C#中,可以用这个来表示:
代码如下:

“\w{ 6 }(\w+)*”

一个将需要将路径字符串拆分为根目录和子目录两部分的算法程序,考虑路径格式有:C:\aa\bb\cc ,\\aa\bb\cc , ftp://aa.bb/cc 上述路径将分别被拆分为:C:\和aa\bb\cc ,\\aa 和 \bb\cc , ftp:// 和 aa.bb/cc 用javascript实现如下:
代码如下:

var strRoot,strSub
var regPathParse=/^([^\\^\/]+[\\\/]+|\\\\[^\\]+)(.*)$/
if(regPathParse.test(strFolder))
{
strRoot=RegExp.$1
strSub=RegExp.$2
}

本文系作者 CooperBennett 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2014-11-21JavaScript通过元素的offsetHeight检测元素是否显示
  • 2015-11-28Bootup.js从本地储存中缓存和加载静态文件
  • 2016-12-02FlyJSONP轻量级的跨域AJAX请求插件
  • 2016-03-12Polymer使用Web网络组件构建现代应用程序
  • 2016-05-14设计趋势抢先看!2015年网页设计10大新趋势
  • 2016-05-16文字设计技巧!如何让文字排版更具易读性
  • 2016-07-02jQuery Scroll Path按路径元素滚动动画插件
  • 2016-07-06Java接口和抽象类
  • 发布评论

    为您推荐

    创建高性能的网页动画

    让我们直接进入主题。现代浏览器在完成以下四种属性的动画时,消耗成本较低: position(位置), scale(比例缩放), rotation(旋转) 和 o…

    • 创建高性能的网页动画
    • 创建高性能的网页动画
    • 创建高性能的网页动画
    • 创建高性能的网页动画
    问说网 · 发布于 2015-04-12 · 浏览 1254 · 评论 0
    Android应用开发程序组件介绍
    问说网 · 发布于 2015-04-12

    Android应用开发程序组件介绍

    Android的核心功能之一就是一个应用程序可以使用其它应用程序的元素(如果那个应用程序允许的话)。比如说,如果你的应用程序需要一个图片卷动列表,而另一个应用程…

    问说网 · 发布于 2015-11-16

    详解MySQL中的查询缓存Query Cache用法与性能

    我们总是抱怨MySQL的查询速度慢,其实MySQL也有缓存机制,意思是将Select查询的结果集和SQL语句映射到内存缓存起来。当有存在缓存数据的时候,服务器马…

    用JavaScript实现给出的盒子的序列是否可连为一矩型
    AustenJuliet · 发布于 2017-01-19

    用JavaScript实现给出的盒子的序列是否可连为一矩型

    by cpglkg <script>var arr=[5,10,15];function rect(arr,width){ arr.sort(fun…

    问说网 · 发布于 2016-12-02

    FlyJSONP轻量级的跨域AJAX请求插件

    FlyJSONP是一个JavaScript库,用于实现跨域GET和POST请求服务,支持JSONP,并取得一个JSON格式的数据响应,这个Library具有易于…

    详解Web中的DOM Ready事件方法
    问说网 · 发布于 2016-04-14

    详解Web中的DOM Ready事件方法

    熟悉jQuery的人,都知道DomReady事件,window.onload事件是在页面所有的资源都加载完毕后触发的,如果页面上有大图片等资源响应缓慢,会导致w…

    无与伦比!30个精美绝伦的酒店网站设计

    朋友们,今天CYHD给大家带来得这组网站,大多以全屏背景图突显酒店特色,不过背景该抓细节还是从大出着手,色调与构图该如何搭配,设计师们的风格是如何来设计的,让我…

    • 无与伦比!30个精美绝伦的酒店网站设计
    • 无与伦比!30个精美绝伦的酒店网站设计
    • 无与伦比!30个精美绝伦的酒店网站设计
    • 无与伦比!30个精美绝伦的酒店网站设计
    RuthVirginia · 发布于 2016-05-14 · 浏览 1054 · 评论 0
    问说网 · 发布于 2016-12-02

    Response JS创建高性能的支持移动设备的网站

    Response JS 是一个轻量级的 jQuery 插件,用来创建高性能的支持移动设备的网站。它提供了一套语法用来根据不同的设备环境动态替换HTML代码。例如…

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    CooperBennett

    只要我能一直笑对人生 总有一天 我会遇见让我真心微笑的人

    94 文章
    0 评论
    人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 2377

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 2251

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 2298

    图片素材

    关注 图片素材

    文章 29463 · 浏览 1784

    高清图片

    关注 高清图片

    文章 26530 · 浏览 1941

    更多 推荐作者

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 怎麽继续

    文章 90 · 评论 2

    关注 倾听寂寞

    文章 83 · 评论 0

    关注 走了留下什么

    文章 110 · 评论 0

    关注 莪很迷茫

    文章 97 · 评论 0

    关注 流浪的脚步

    文章 86 · 评论 0

    
    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!