JavaScript正则表达式上之基本语法

最新推荐文章于 2022-06-27 09:14:17 发布

ssisse

最新推荐文章于 2022-06-27 09:14:17 发布

阅读量745

点赞数

分类专栏： JavaScript

JavaScript 专栏收录该内容

99 篇文章 2 订阅

订阅专栏

JavaScript正则表达式上之基本语法

一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。这篇文章主要介绍了JavaScript正则表达式上之基本语法(推荐)的相关资料,需要的朋友可以参考下

正则表达式语法

一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。

定义

JavaScript种正则表达式有两种定义方式，定义一个匹配类似 <%XXX%> 的字符串

1. 构造函数

代码如下:

var reg=new RegExp('<%[^%>]+%>','g');

2. 字面量

代码如下:

var reg=/<%[^%>]%>/g;

g：global，全文搜索，默认搜索到第一个结果接停止i：ingore case，忽略大小写，默认大小写敏感m：multiple lines，多行搜索（更改^ 和$的含义，使它们分别在任意一行对待行首和行尾匹配，而不仅仅在整个字符串的开头和结尾匹配）

元字符

正则表达式让人望而却步以一个重要原因就是其转义字符太多了，组合非常之多，但是正则表达式的元字符（在正则表达式中具有特殊意义的专用字符，可以用来规定其前导字符）并不多

元字符：( [ { \ ^ $ | ) ? * + .

并不是每个元字符都有其特定意义，在不同的组合中元字符有不同的意义，分类看一下

字符类

一般情况下正则表达式一个字符（转义字符算一个）对应字符串一个字符，表达式 ab\t 的含义是

但是我们可以使用元字符[]来构建一个简单的类，所谓类是指，符合某些特征的对象，是一个泛指，而不是特指某个字符了，我们可以使用表达式 [abc] 把字符a或b或c归为一类，表达式可以匹配这类的字符

元字符[]组合可以创建一个类，我们还可以使用元字符^创建反向类/负向类，反向类的意思是不属于XXX类的内容，表达式 [^abc] 表示不是字符a或b或c的内容

范围类

按照上面的说明要是我们希望匹配单个数字那么表达式是这样的

[0123456789]

如果是字母那么。。。，好麻烦，正则表达式还提供了范围类，我们可以使用 x-y来连接两个字符表示从x到y的任意字符，这是个闭区间，也就是说包含x和ybenshen，这样匹配小写字母就很简单了

[a-z]

要是想匹配所有字母呢？在[]组成的类内部是可以连写的，我们还可以这样写[a-zA-Z]

预定义类

刚才使用正则我们创建了几个类，来表示数字，字母等，但这样写也很是麻烦，正则表达式为我们提供了几个常用的预定义类来匹配常见的字符

有了这些预定义类，写一些正则就很方便了，比如我们希望匹配一个 ab+数字+任意字符的字符串，就可以这样写了 ab\d.

边界

正则表达式还提供了几个常用的边界匹配字符

看个不负责任的邮箱正则匹配（切勿模仿，小括号后面会讲到）\w+@\w+\.(com)$

量词

之前我们介绍的方法都是一一匹配的，如果我们希望匹配一个连续出现20次数字的字符串难道我们需要写成这样

\d\d\d\d...

为此正则表达式引入了一些量词

看几个使用量词的例子

\w+\b Byron 匹配单词＋边界＋Byron

代码如下:

(/\w+\b Byron/).test('Hi Byron'); //true(/\w+\b Byron/).test('Welcome Byron'); //true(/\w+\b Byron/).test('HiByron'); //false
\d+\.\d{1,3} 匹配三位小数的数字

贪婪模式与非贪婪模式

看了上面介绍的量词，也许爱思考的同学会想到关于匹配原则的一些问题，比如{3,5}这个量词，要是在句子种出现了十次，那么他是每次匹配三个还是五个，反正3、4、5都满足3～5的条件，量词在默认下是尽可能多的匹配的，也就是大家常说的贪婪模式

代码如下:

'123456789'.match(/\d{3,5}/g); //["12345", "6789"]

既然有贪婪模式，那么肯定会有非贪婪模式，让正则表达式尽可能少的匹配，也就是说一旦成功匹配不不再继续尝试，做法很简单，在量词后加上 ? 即可

代码如下:

'123456789'.match(/\d{3,5}?/g); //["123", "456", "789"]

分组

有时候我们希望使用量词的时候匹配多个字符，而不是像上面例子只是匹配一个，比如希望匹配Byron出现20次的字符串，我们如果写成Byron{20} 的话匹配的是Byro＋n出现20次，怎么把Byron作为一个整体呢？使用()就可以达到次目的，我们称为分组

(Byron){20}

如果希望匹配Byron或Casper出现20次该怎么办呢？可以使用字符｜达到或的功效

(Byron|Casper){20}

我们看到图中有个＃1的东东，那是什么？使用分组的正则表达式会把匹配项也放到分组中，默认就是按数字编号分发的，各异根据编号获得捕获的分组内容，这个在一些希望具体操作第几个匹配项的函数中很有用

(Byron).(ok)

如果有分组嵌套的情况，外面的组的编号靠前

((^|%>)[^\t]*)

有时候我们不希望捕获某些分组，只需要在分组内加上 ?: 就可以了，着并不意味着该分组内容不属于正则表达式，只是不会给这个分组加编号了而已

(?:Byron).(ok)

其实在C#等语言中分组还可以起名字，不过JavaScript不支持

前瞻表达式

说的有些抽象，看个例子good(?=Byron)

代码如下:

(/good(?=Byron)/).exec('goodByron123'); //['good'](/good(?=Byron)/).exec('goodCasper123'); //null(/bad(?=Byron)/).exec('goodCasper123');//null

通过上面例子可以看出 exp1(?=exp2) 表达式会匹配exp1表达式，但只有其后面内容是exp2的时候才会匹配，也就是两个条件，exp1(?!exp2) 比较类似

good(?!Byron)

代码如下:

(/good(?!Byron)/).exec('goodByron123'); //null(/good(?!Byron)/).exec('goodCasper123'); //['good'](/bad(?!Byron)/).exec('goodCasper123');//null

JavaScript 表单验证正则表达式大全

匹配中文字符的正则表达式： [u4e00-u9fa5]

匹配双字节字符(包括汉字在内)：[^x00-xff] ，可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）

匹配空白行的正则表达式：ns*r ，可以用来删除空白行

匹配HTML标记的正则表达式：< (S*?)[^>]*>.*?|< .*? />

匹配首尾空白字符的正则表达式：^s*|s*$ ，可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式

匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)* ，表单验证时很实用

匹配网址URL的正则表达式：[a-zA-z]+://[^s]*

匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$ ，表单验证时很实用

匹配国内电话号码：d{3}-d{8}|d{4}-d{7} ，匹配形式如 0511-4405222 或 021-87888822

匹配腾讯QQ号：[1-9][0-9]{4,} ，腾讯QQ号从10000开始

匹配中国邮政编码：[1-9]d{5}(?!d) ，中国邮政编码为6位数字

匹配身份证：d{15}|d{18} ，中国的身份证为15位或18位

匹配ip地址：d+.d+.d+.d+ ，提取ip地址时有用

匹配中文字符的正则表达式： [u4e00-u9fa5]
匹配双字节字符(包括汉字在内)：[^x00-xff]
匹配空行的正则表达式：n[s| ]*r
匹配HTML标记的正则表达式：/< (.*)>.*|< (.*) />/
匹配首尾空格的正则表达式：(^s*)|(s*$)
匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?

以下函数调用方式：

function check() 
{ 
var bb = document.getElementById("txt_id").value;//txt_id为文本框的ID  
alert(ismobile(bb));//ismobile 代表以下任何一个函数名称 }

HTML代码：

<input type="text" name="textfield" id="txt_id" /> 
<input type="submit" name="Submit" value="提交" οnclick="check()" />

/// 判断输入是否是一个由 0-9 / A-Z / a-z 组成的字符串

function isalphanumber(str){ 
var result=str.match(/^[a-zA-Z0-9]+$/); 
if(result==null) return false; 
return true;
}

// 判断输入是否是一个数字--(数字包含小数)--

function isnumber(str)
{
 return !isNaN(str);
}

// 判断输入是否是一个整数

function isint(str)
{
 var result=str.match(/^(-|\+)?\d+$/);
 if(result==null) return false;
 return true;
}

// 判断输入是否是有效的长日期格式 -

"YYYY-MM-DD HH:MM:SS" || "YYYY/MM/DD HH:MM:SS"
function isdatetime(str)
{
 var result=str.match(/^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);
 if(result==null) return false;
 var d= new Date(result[1], result[3]-1, result[4], result[5], result[6], result[7]);
 return (d.getFullYear()==result[1]&&(d.getMonth()+1)==result[3]&&d.getDate()==result[4]&&d.getHours()==result[5]&&d.getMinutes()==result[6]&&d.getSeconds()==result[7]);
}

// 检查是否为 YYYY-MM-DD || YYYY/MM/DD 的日期格式

function isdate(str){
 var result=str.match(/^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
 if(result==null) return false;
 var d=new Date(result[1], result[3]-1, result[4]);
 return (d.getFullYear()==result[1] && d.getMonth()+1==result[3] && d.getDate()==result[4]);
}

// 判断输入是否是有效的电子邮件

function isemail(str)
{
 var result=str.match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/);
 if(result==null) return false;
 return true;
}

// 去除字符串的首尾的空格

function trim(str){
 return str.replace(/(^\s*)|(\s*$)/g, "");
}

// 返回字符串的实际长度, 一个汉字算2个长度

function strlen(str){
 return str.replace(/[^\x00-\xff]/g, "**").length;
}

//匹配中国邮政编码(6位)

function ispostcode(str)
{
 var result=str.match(/[1-9]\d{5}(?!\d)/);
 if(result==null) return false;
 return true;
}

//匹配国内电话号码(0511-4405222 或 021-87888822)

function istell(str)
{
 var result=str.match(/\d{3}-\d{8}|\d{4}-\d{7}/);
 if(result==null) return false;
 return true;
}

//校验是否为(0-10000)的整数

function isint1(str)
{
 var result=str.match(/^[0-9]$|^([1-9])([0-9]){0,3}$|^10000$/);
 if(result==null) return false;
 return true;
}

//匹配腾讯QQ号

function isqq(str)
{
 var result=str.match(/[1-9][0-9]{4,}/);
 if(result==null) return false;
 return true;
}

//匹配身份证(15位或18位)

function isidcard(str)
{
 var result=str.match(/\d{15}|\d{18}/);
 if(result==null) return false;
 return true;
}

//校验文本是否为空

function checknull(field,sval)
{
 if (field.value =="")
  {
  alert("请填写" + sval + "！");
  field.focus();
  return false;
  }
  return true;
}

转自：http://www.jb51.net/article/84839.htm

http://www.jb51.net/article/19493.htm

http://www.jb51.net/article/72041.htm

ssisse

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript正则表达式上之基本语法

JavaScript正则表达式上之基本语法一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。这篇文章主要介绍了JavaScript正则表达式上之基本语法(推荐)的相关资料,需要的朋友可以参考下相关阅读：js正则表达式基本语法(精粹)正则表达式语法一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称
复制链接

扫一扫