正则表达式入门教程&&经典Javascript正则表达式(share)

简介:

前言

例子: ^.+@.+\\..+$

  这样的代码曾经多次把我自己给吓退过。可能很多人也是被这样的代码给吓跑的吧。继续阅读本文将让你也可以自由应用这样的代码。

正文

 教程:正则表达式30分钟入门教程     

  一个学习正则表达式不错的教程,对正则表达式有兴趣,但不太了解的童鞋可以参考下

 

 

  以下内容摘自 常用JQuery数字类型验证正则表达式整理  和    经典Javascript正则表达式         [  留个备份 :) ~~  ]    

 

常用JQuery数字类型验证正则表达式整理     (有很多不对的地方,记得适当修改)

 

复制代码
        var regexEnum = { 

            intege:/^-?[1-9]*$/, //整数 

            intege1:/^[1-9]*$/, //正整数 

            intege2:/^-[1-9]*$/, //负整数 

            num:/^([+-]?)\d*\.?\d+$/, //数字 

            num1:/^([1-9]*|0)$/, //正数(正整数 + 0) 

            num2:/^-[1-9]*|0$/, //负数(负整数 + 0) 

            decmal:/^([+-]?)\d*\.\d+$/, //浮点数 

            decmal1:/^[1-9]*.\d*|0.\d*[1-9]\d*$/,   //正浮点数 

            decmal2:/^-([1-9]*.\d*|0.\d*[1-9]*)$/,  //负浮点数 

            decmal3:/^-?([1-9]*.\d*|0.\d*[1-9]*|0?.0+|0)$/,  //浮点数 

            decmal4:/^[1-9]*.\d*|0.\d*[1-9]*|0?.0+|0$/,   //非负浮点数(正浮点数 + 0) 

            decmal5:/^(-([1-9]*.\d*|0.\d*[1-9]*))|0?.0+|0$/,  //非正浮点数(负浮点数 + 0) 

            email:/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/, //邮件 

            color:/^[a-fA-F0-9]{6}$/, //颜色 

            url:/^http[s]?:\/\/([\w-]+\.)+[\w-]+([\w-./?%&=]*)?$/, //url 

            chinese:/^[\u4E00-\u9FA5\uF900-\uFA2D]+$/, //仅中文 

            ascii:/^[\x00-\xFF]+$/, //仅ACSII字符 

            zipcode:/^\d{6}$/, //邮编 

            mobile:/^(13|15|18)[0-9]{9}$/, //手机 

            notempty:/^\S+$/, //非空 

            picture:/(.*)\.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$/, //图片 

            rar:/(.*)\.(rar|zip|7zip|tgz)$/, //压缩文件 

            date:/^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/, //日期 

            qq:/^[1-9]*[1-9][0-9]*$/, //QQ号码 

            tel:/^(([0+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/, //电话号码的函数(包括验证国内区号,国际区号,分机号) 

            username:/^\w+$/, //用来用户注册。匹配由数字、26个英文字母或者下划线组成的字符串 

            letter:/^[A-Za-z]+$/, //字母 

            letter_u:/^[A-Z]+$/, //大写字母 

            letter_l:/^[a-z]+$/, //小写字母 

            idcard:/^[1-9]([0-9]{14}|[0-9]{17})$/ //身份证 

        }
复制代码

 

 

 

 经典Javascript正则表达式   (有很多不对的地方,记得适当修改)

 

匹配中文字符的正则表达式:

  [\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*$)

应用:javascript中没有像vbscript那样的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*>

本文转自挨踢前端博客园博客,原文链接http://www.cnblogs.com/duanhuajian/p/3157119.html如需转载请自行联系原作者


@挨踢前端

相关文章
|
1月前
|
移动开发 JavaScript 前端开发
JavaScript的正则表达式实现邮箱校验
JavaScript的正则表达式实现邮箱校验
53 1
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
|
1月前
|
JavaScript 前端开发
javascript中的正则表达式
javascript中的正则表达式
|
2月前
|
JavaScript 前端开发
JavaScript中的正则表达式构造函数和正则表达式字面量
JavaScript中的正则表达式构造函数和正则表达式字面量
|
3月前
|
JavaScript 前端开发 API
【JavaScript】<正则表达式Regular Expression>JavaScript正则表达式解析
【1月更文挑战第17天】【JavaScript】<正则表达式Regular Expression>JavaScript正则表达式解析
|
4月前
|
前端开发 JavaScript
前端JavaScript入门-day08-正则表达式
前端JavaScript入门-day08-正则表达式
35 0
|
1月前
|
监控 JavaScript 前端开发
JavaScript 正则表达式详解
【2月更文挑战第26天】
34 1
JavaScript 正则表达式详解
|
1月前
|
JavaScript 前端开发
JavaScript的正则解读
JavaScript的正则解读
|
3月前
|
JavaScript
js如何去实现用正则表达式来判断一个值
js如何去实现用正则表达式来判断一个值
13 0
|
3月前
|
机器学习/深度学习 JavaScript 前端开发
JavaScript 正则表达式
JavaScript 正则表达式
96 0

热门文章

最新文章