小白学习路之js正则表达式

在JavaScript里面判断一个字符串是否是电子邮件的格式:

代码如下:

if(formname.email.value!=formname.email.value.match(/^\w +[@]\w +[.][\w.] +$/)) 
{ 
alert("您的电子邮件格式错误!"); 
formname.email.focus(); 
return false; 
}

 
 
 

javascript的17种正则表达式

"^\\d+$"  //非负整数(正整数 + 0) 
"^[0-9]*[1-9][0-9]*$"  //正整数 
"^((-\\d+)|(0+))$"  //非正整数(负整数 + 0) 
"^-[0-9]*[1-9][0-9]*$"  //负整数 
"^-?\\d+$"    //整数 
"^\\d+(\\.\\d+)?$"  //非负浮点数(正浮点数 + 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+)?)|(0+(\\.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+)?$"  //浮点数 
"^[A-Za-z]+$"  //由26个英文字母组成的字符串 
"^[A-Z]+$"  //由26个英文字母的大写组成的字符串 
"^[a-z]+$"  //由26个英文字母的小写组成的字符串 
"^[A-Za-z0-9]+$"  //由数字和26个英文字母组成的字符串 
"^\\w+$"  //由数字、26个英文字母或者下划线组成的字符串 
"^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"    //email地址 
"^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"  //url 

 
 

javascript正则表达式检验

代码如下:

//校验是否全由数字组成 
function isDigit(s) 
{ 
var patrn=/^[0-9]{1,20}$/; 
if (!patrn.exec(s)) return false    //看输入的值 是否与正则表达式相匹配;如果 exec 方法没有找到匹配,则它返回 null。如果它找到匹配,则 exec 方法返回一个数组.
return true 
}
//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 
function isRegisterUserName(s) 
{ 
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验用户姓名:只能输入1-30个以字母开头的字串 
function isTrueName(s) 
{ 
var patrn=/^[a-zA-Z]{1,30}$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验密码:只能输入6-20个字母、数字、下划线 
function isPasswd(s) 
{ 
var patrn=/^(\w){6,20}$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-” 
function isTel(s) 
{ 
//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/; 
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验手机号码:必须以数字开头,除数字外,可含有“-” 
function isMobil(s) 
{ 
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验邮政编码 
function isPostalCode(s) 
{ 
//var patrn=/^[a-zA-Z0-9]{3,12}$/; 
var patrn=/^[a-zA-Z0-9 ]{3,12}$/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验搜索关键字 
function isSearch(s) 
{ 
var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]{1}[^`~!@$%^&()+=|\\\][\]\{\}:;'\,.<>?]{0,19}$/;
if (!patrn.exec(s)) return false 
return true 
}

function isIP(s) //by zergling 
{ 
var patrn=/^[0-9.]{1,20}$/; 
if (!patrn.exec(s)) return false 
return true 
} 

 
 

正则表达式中的特殊字符:

字符\
意义:对于字符,通常表示按字面意义,指出接着的字符为特殊字符,\不作解释。
例如:/b/匹配字符’b’,通过在b 前面加一个反斜杠\,也就是/\b/,则该字符变成特殊字符,表示匹配一个单词的分界线。

或者:
对于几个字符,通常说明是特殊的,指出紧接着的字符不是特殊的,而应该按字面解释。
例如:∗是一个特殊字符,匹配任意个字符(包括0个字符);例如:/a*/意味匹配0个或多个a。

为了匹配字面上的*,在a前面加一个反斜杠;例如:/a\*/匹配'a*'

字符^
意义:表示匹配的字符必须在最前边。
例如:/^A/不匹配"an A,"中的’A’,但匹配"An A."中最前面的’A’。

字符$
意义:与^类似,匹配最末的字符。
例如:/t$/不匹配"eater"中的’t’,但匹配"eat"中的’t’。

字符* 
意义:匹配*前面的字符0次或n次。 
例如:/bo*/匹配"A ghost booooed"中的'boooo'"A bird warbled"中的'b',但不匹配"A goat grunted"中的任何字符。

字符+
意义:匹配+号前面的字符1次或n次。等价于{1,}。
例如:/a+/匹配"candy"中的’a’和"caaaaaaandy."中的所有’a’。

字符?
意义:匹配?前面的字符0次或1次。
例如:/e?le?/匹配"angel"中的’el’和"angle."中的’le’。

字符.
意义:(小数点)匹配除换行符外的所有单个的字符。
例如:/.n/匹配"nay, an apple is on the tree"中的’an’和’on’,但不匹配’nay’。

字符(x)
意义:匹配’x’并记录匹配的值。
例如:/(foo)/匹配和记录"foo bar."中的’foo’。匹配子串能被结果数组中的素[1], …, [n] 返回,或被RegExp对象的属性$1, …, $9返回。

字符x|y
意义:匹配’x’或者’y’。
例如:/green|red/匹配"green apple"中的’green’和"red apple."中的’red’。

字符{n}
意义:这里的n是一个正整数。匹配前面的n个字符。
例如:/a{2}/不匹配"candy,“中的’a’,但匹配"caandy,” 中的所有’a’和"caaandy."中前面的两个
‘a’。

字符{n,}
意义:这里的n是一个正整数。匹配至少n个前面的字符。
例如:/a{2,}不匹配"candy"中的’a’,但匹配"caandy"中的所有’a’和"caaaaaaandy."中的所有’a’

字符{n,m}
意义:这里的n和m都是正整数。匹配至少n个最多m个前面的字符。
例如:/a{1,3}/不匹配"cndy"中的任何字符,但匹配 “candy,“中的’a’,“caandy,” 中的前面两个
‘a’和"caaaaaaandy"中前面的三个’a’,注意:即使"caaaaaaandy” 中有很多个’a’,但只匹配前面的三个’a’即"aaa”。

字符[xyz]
意义:一字符列表,匹配列出中的任一字符。你可以通过连字符-指出一个字符范围。
例如:[abcd]跟[a-c]一样。它们匹配"brisket"中的’b’和"ache"中的’c’。

字符[^xyz] 
意义:一字符补集,也就是说,它匹配除了列出的字符外的所有东西。 你可以使用连字符-指出一 字符范围。 
例如:[^abc][^a-c]等价,它们最早匹配"brisket"中的'r'"chop."中的'h'

字符[\b]
意义:匹配一个空格(不要与\b混淆)

字符\b
意义:匹配一个单词的分界线,比如一个空格(不要与[\b]混淆)
例如:/\bn\w/匹配"noonday"中的’no’,/\wy\b/匹配"possibly yesterday."中的’ly’。

字符\B
意义:匹配一个单词的非分界线
例如:/\w\Bn/匹配"noonday"中的’on’,/y\B\w/匹配"possibly yesterday."中的’ye’。

字符\cX
意义:这里的X是一个控制字符。匹配一个字符串的控制字符。
例如:/\cM/匹配一个字符串中的control-M。

字符\d
意义:匹配一个数字,等价于[0-9]。
例如:/\d/或/[0-9]/匹配"B2 is the suite number."中的’2’。

字符\D
意义:匹配任何的非数字,等价于[^0-9]。
例如:/\D/或/[^0-9]/匹配"B2 is the suite number."中的’B’。

字符\f
意义:匹配一个表单符

字符\n
意义:匹配一个换行符

字符\r
意义:匹配一个回车符

字符\s
意义:匹配一个单个white空格符,包括空格,tab,form feed,换行符,等价于[ \f\n\r\t\v]。
例如:/\s\w*/匹配"foo bar."中的’ bar’。

字符\S
意义:匹配除white空格符以外的一个单个的字符,等价于[^ \f\n\r\t\v]。
例如:/\S/\w*匹配"foo bar."中的’foo’。

字符\t
意义:匹配一个制表符

字符\v
意义:匹配一个顶头制表符

字符\w
意义:匹配所有的数字和字母以及下划线,等价于[A-Za-z0-9_]。
例如:/\w/匹配"apple,“中的’a’,”$5.28,"中的’5’和"3D."中的’3’。

字符\W
意义:匹配除数字、字母外及下划线外的其它字符,等价于[^A-Za-z0-9_]。
例如:/\W/或者/[^$A-Za-z0-9_]/匹配"50%."中的’%’。

字符\n
意义:这里的n是一个正整数。匹配一个正则表达式的最后一个子串的n的值(计数左圆括号)。

例如:/apple(,)\sorange\1/匹配"apple, orange, cherry, peach."中的’apple, orange’,下面有一个更加完整的例子。
注意:如果左圆括号中的数字比\n指定的数字还小,则\n取下一行的八进制escape作为描述。

字符\ooctal和\xhex
意义:这里的\ooctal是一个八进制的escape值,而\xhex是一个十六进制的escape值,允许在一个正则表达式中嵌入ASCII码。
 
 
采用正则表达式,来去除两边的空格

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

 
! 移动手机号的校验

如果采用传统的校验方式至少就要完成下面三步的校验,

(1). 是否是数字

(2).是否是11位

(3).数字的第三位是否是5,6,7,8,9

如果采用正则表达式校验,只需以下代码

代码如下:

function checkMobile(form){
	if(form.moblie.value>""){
		var reg = /13[5,6,7,8,9]\d{8}/;
		if(form.mobile.value.match(reg)==null){
			alert("请输入正确的移动手机号!");
			form.mobile.focus();
			retuen false;
		}
	}
	return true;
}

  
! 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开头!"); 
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合法性了
 
 
 
以上内容摘自:W3Cschool
链接地址:js常用的正则表达式
 
 
作业中练习了正则表达式,传上博客记录一下~

  1. 判断输入内容是否为空
<script> 
		// \s 匹配任何空白字符串,如果字符串为空则true,否则false
		var str=" ";
		var pattern=/^\s+$/;
		alert("判断是否为空:"+pattern.test(str));  //输出结果:true

		// \S 匹配任何非空白字符串,如果字符串非空则true,否则false
		var str=" ";
		var pattern=/^\S+$/;
		alert("判断是否为空:"+pattern.test(str));  //输出结果:false
	</script>

  1. 判断日期类型是否为YYYY-MM-DD格式的类型
<script> 
		var date="2018-11-05";
		var pattern=/^(\d{4})(-)(\d{1,2})\2(\d{1,2})$/;
		alert("是否为指定日期格式:"+pattern.test(date));  //输出结果:true
	</script>

  1. 判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型
<script> 
		var date="2018-11-05 08:24:24";
		var pattern=/^(\d{4})(-)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
		alert("是否为指定日期格式:"+pattern.test(date));   //输出结果:true
</script>

  1. 判断日期类型是否为hh:mm:ss格式的类型
<script> 
		var date="08:24:24";
		var pattern=/^(\d{1,2}):(\d{1,2}):(\d{1,2})$/;
		alert("是否为指定日期格式:"+pattern.test(date));   //输出结果:true
	</script>

  1. 判断输入的字符是否为英文字母
<script> 
		var str="stribgACD";
		var pattern=/^[a-zA-Z]+$/;
		alert("判断字符串是否为英文字母:"+pattern.test(str));  //输出结果:true
	</script>

  1. 判断输入的字符是否为整数
<script> 
		var num="-24";
		var pattern=/^-?[1-9]\d*$/;
		alert("判断是否为整数:"+pattern.test(num));   //输出结果:true
	</script>

  1. 判断输入的字符是否为:a-z,A-Z,0-9
<script> 
		var str="as24AD";
		var pattern=/^[a-zA-Z0-9]+$/;
		alert("判断是否为a-z,A-Z,0-9:"+pattern.test(str));  //输出结果:true
	</script>

  1. 判断输入的字符是否为中文
<script> 
		var str="科比";
		var pattern=/^[\u4e00-\u9fa5]*$/;
		alert("判断输入的字符是否为中文:"+pattern.test(str));   //输出结果:true
	</script>

  1. 判断输入的EMAIL格式是否正确
<script> 
		var str="wy-123456@qq.com";
		var pattern=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
		alert("判断输入的EMAIL格式是否正确:"+pattern.test(str));  //输出结果:true
	</script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、MATLAB、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。【项目资源
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值