• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

正则验证匹配常用的JavaScript正则表达式

JavaScript 开心洋葱 3109次浏览 0个评论

正则验证匹配常用的JavaScript正则表达式

 

下面都是我收集的一些比较常用的正则表达式,因为平常可能在表单验证的时候,用到的比较多。特发出来,让各位朋友共同使用。呵呵。

匹配中文字符的正则表达式: [u4e00 – u9fa5]评注:匹配中文还真是个头疼的事,有了这个表达式就好办了

匹配双字节字符 (包括汉字在内): [ ^ x00 – xff]评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

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

匹配HTML标记的正则表达式: < (S * ?)[ ^ >] * >. * ?|<. * ?/>
评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力

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

1去除字符串两端空格的处理

如果采用传统的方式,就要可能就要采用下面的方式了
//清除左边空格
function js_ltrim(deststr)
{
if(deststr==null)return "";
var pos=0;
var retStr=new String(deststr);
if (retStr.lenght==0) return retStr;
while (retStr.substring(pos,pos+1)==" ") pos++;
retStr=retStr.substring(pos);
return(retStr);
}
//清除右边空格
function js_rtrim(deststr)
{
if(deststr==null)return "";
var retStr=new String(deststr);
var pos=retStr.length;
if (pos==0) return retStr;
while (pos && retStr.substring(pos-1,pos)==" " ) pos–;
retStr=retStr.substring(0,pos);
return(retStr);
}
//清除左边和右边空格
function js_trim(deststr)
{
if(deststr==null)return "";
var retStr=new String(deststr);
var pos=retStr.length;
if (pos==0) return retStr;
retStr=js_ltrim(retStr);
retStr=js_rtrim(retStr);
return retStr;
}

采用正则表达式,来去除两边的空格,只需以下代码
String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}

一句就搞定了,
可见正则表达式为我们节省了相当的编写代码量

! 移动手机号的校验

如果采用传统的校验方式至少就要完成下面三步的校验,
(1). 是否是数字
(2).是否是11位
(3).数字的第三位是否是5,6,7,8,9
如果采用正则表达式校验,只需以下代码
function checkMobile1(form)
{
if (form.mobile.value > "")
{
var reg=/13[5,6,7,8,9]\d{8}/;
if ( form.mobile.value.match(reg)== null)
{
alert("请输入正确的移动手机号码!");
form.mobile.focus(); return false;
}
}
return true;
}

从上面的代码可以看出校验移动手机号只需定义一个var reg=/13[5,6,7,8,9]\d{8}/;模式匹配串就可以完成合法性校验了

! URL的校验,
条件:必须以http:// 或 https:// 开头, 端口号必须为在1-65535 之间, 以下代码完成了合法性校验

//obj:数据对象
//dispStr :失败提示内容显示字符串
function checkUrlValid( obj, dispStr)
{
if(obj == null)
{
alert("传入对象为空");
return false;
}
var str = obj.value;

var urlpatern0 = /^https?:\/\/.+$/i;
if(!urlpatern0.test(str))
{
alert(dispStr+"不合法:必须以'http:\/\/'或'https:\/\/'开头!");
obj.focus();
return false;
}

var urlpatern2= /^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?.+$/i;
if(!urlpatern2.test(str))
{
alert(dispStr+"端口号必须为数字且应在1-65535之间!");
obj.focus();
return false;
}

var urlpatern1 =/^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?(\/((\.)?(\?)?=?&?[a-zA-Z0-9_-](\?)?)*)*$/i;

if(!urlpatern1.test(str))
{
alert(dispStr+"不合法,请检查!");
obj.focus();
return false;
}

var s = "0";
var t =0;
var re = new RegExp(":\\d+","ig");
while((arr = re.exec(str))!=null)
{
s = str.substring(RegExp.index+1,RegExp.lastIndex);

if(s.substring(0,1)=="0")
{
alert(dispStr+"端口号不能以0开头!");#p#分页标题#e#
obj.focus();
return false;
}

t = parseInt(s);
if(t<1 || t >65535)
{
alert(dispStr+"端口号必须为数字且应在1-65535之间!");
obj.focus();
return false;
}
}
return true;
}

对 url的校验,看上去有很多的代码,这是因为要给予出错提示, 否则只需var urlpatern1 =/^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?(\/((\.)?(\?)?=?&?[a-zA-Z0-9_-](\?)?)*)*$/i; 一句就可以校验出url合法性了

 

 

 
JS正则表达式大全【6】 – 求敗 – 博文雅集正则表达式在JavaScript应用
————————————————————–
去掉字符串头尾多余的空格
/g是全文查找所有匹配

function String.prototype.Trim(){return this.replace(/(^\s*)|(\s*$)/g, "");}

function String.prototype.LTrim(){return this.replace(/(^\s*)/g, "");}

function String.prototype.RTrim(){return this.replace(/(\s*$)/g, "");}

————————————————————–
应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

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

————————————————————–
应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:

String.prototype.trim = function()
{
return this.replace(/(^\s*)|(\s*$)/g, "");
}
得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1

s="http://www.9499.net/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,'))"

 

匹配特定数字: ^ [1 – 9] d * $   //匹配正整数
^ -[1 – 9] d * $  //匹配负整数
^ -?[1 – 9] d * $   //匹配整数
^ [1 – 9] d * |0$  //匹配非负整数(正整数 + 0)
^ -[1 – 9] d * |0$   //匹配非正整数(负整数 + 0)
^ [1 – 9] d * .d * |0.d * [1 – 9] d * $   //匹配正浮点数
^ -([1 – 9] d * .d * |0.d * [1 – 9] d * ) $  //匹配负浮点数
^ -?([1 – 9] d * .d * |0.d * [1 – 9] d * |0 ? .0 + |0) $  //匹配浮点数
^ [1 – 9] d * .d * |0.d * [1 – 9] d * |0 ? .0 + |0$   //匹配非负浮点数(正浮点数 + 0)
^ ( – ([1 – 9] d * .d * |0.d * [1 – 9] d * )) | 0 ? .0 + |0$   //匹配非正浮点数(负浮点数 + 0)
评注:处理大量数据时有用,具体应用时注意修正

匹配特定字符串: ^ [A – Za – z] + $   //匹配由26个英文字母组成的字符串
^ [A – Z] + $   //匹配由26个英文字母的大写组成的字符串
^ [a – z] + $   //匹配由26个英文字母的小写组成的字符串
^ [A – Za – z0 – 9] + $   //匹配由数字和26个英文字母组成的字符串
^ w + $   //匹配由数字、26个英文字母或者下划线组成的字符串

在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:

只能输入数字:“ ^ [0 – 9] * $”只能输入n位的数字:“ ^ d {
    n
}
$”只能输入至少n位数字:“ ^ d {#p#分页标题#e#
    n,
}
$”只能输入m – n位的数字:“ ^ d {
    m,
    n
}
$”只能输入零和非零开头的数字:“ ^ (0 | [1 – 9][0 – 9] * ) $”只能输入有两位小数的正实数:“ ^ [0 – 9] + (. [0 – 9] {
    2
}) ? $”只能输入有1 – 3位小数的正实数:“ ^ [0 – 9] + (. [0 – 9] {
    1,
    3
}) ? $”只能输入非零的正整数:“ ^ +?[1 – 9][0 – 9] * $”只能输入非零的负整数:“ ^ -[1 – 9][0 – 9] * $”只能输入长度为3的字符:“ ^ . {
    3
}
$”只能输入由26个英文字母组成的字符串:“ ^ [A – Za – z] + $”只能输入由26个大写英文字母组成的字符串:“ ^ [A – Z] + $”只能输入由26个小写英文字母组成的字符串:“ ^ [a – z] + $”只能输入由数字和26个英文字母组成的字符串:“ ^ [A – Za – z0 – 9] + $”只能输入由数字、26个英文字母或者下划线组成的字符串:“ ^ w + $”验证用户密码: “ ^ [a – zA – Z] w {
    5,
    17
}
$”正确格式为:以字母开头,长度在6 – 18之间,

只能包含字符、数字和下划线。验证是否含有 ^ %&',;=?$"等字符:“[^%&',
; = ?$x22] + ”只能输入汉字:“ ^ [u4e00 – u9fa5],
{
    0,
}
$”验证Email地址:“ ^ w + [ – +.] w + ) * @w + ([ – .] w + ) * .w + ([ – .] w + ) * $”验证InternetURL:“ ^ http: //([w-]+.)+[w-]+(/[w-./?%&=]*)?$”
验证电话号码:“ ^ ((d {
    3,
    4
}) | d {
    3,
    4
} – ) ? d {
    7,
    8
}
$”

正确格式为:“XXXX – XXXXXXX”,“XXXX – XXXXXXXX”,“XXX – XXXXXXX”,

“XXX – XXXXXXXX”,“XXXXXXX”,“XXXXXXXX”。验证身份证号(15位或18位数字):“ ^ d {
    15
} | d {}
18$”验证一年的12个月:“ ^ (0 ? [1 – 9] | 1[0 – 2]) $”正确格式为:“01” – “09”和“1”“12”验证一个月的31天:“ ^ ((0 ? [1 – 9]) | ((1 | 2)[0 – 9]) | 30 | 31) $”

正确格式为:“01”“09”和“1”“31”。

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

(1)应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)String.prototype.len = function() {
    return this.replace([ ^ x00 – xff] / g, "aa").length;
}

(2)应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现String.prototype.trim = function() {
    return this.replace(/(^s*)|(s*$)/g, "");
} (3)应用:利用正则表达式分解和转换IP地址
function IP2V(ip) //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!")
    }
} (4)应用:从URL地址中提取文件名的javascript程序s = "http://www.9499.net/page1.htm";s = s.replace(/(.*/) {
    0,
} ([ ^ .] + ). * /ig,"$2") ; / / Page1.htm(5)应用:利用正则表达式限制网页表单里的文本框输入内容用正则表达式限制只能输入中文:onkeyup = "value=" / blog / value.replace(/["^u4E00-u9FA5]/g, '')" onbeforepaste="clipboardData.setData('text', clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g, ''))"
用正则表达式限制只能输入全角字符: onkeyup="value = "/blog/value.replace(/[" ^ uFF00 – uFFFF] / g, '')" onbeforepaste="clipboardData.setData('text', clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g, ''))"#p#分页标题#e#
用正则表达式限制只能输入数字:onkeyup="value = "/blog/value.replace(/[" ^ d] / g, '')"onbeforepaste= "clipboardData.setData('text', clipboardData.getData('text').replace(/[^d]/g, ''))"
用正则表达式限制只能输入数字和英文:onkeyup="value = "/blog/value.replace(/[W]/g,"'')"onbeforepaste="clipboardData.setData('text', clipboardData.getData('text').replace(/[^d]/g, ''

匹配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地址时有用

 


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明正则验证匹配常用的JavaScript正则表达式
喜欢 (0)

您必须 登录 才能发表评论!

加载中……