简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

JS 정규식에 대한 자세한 설명

小云云
풀어 주다： 2018-03-30 17:32:53
원래의
1516명이 탐색했습니다.

本文主要和大家分享JS正则表达式详解，主要以文字和代码的的方式和大家分享，希望能帮助到大家。

一、正則表達式應用 

“^\d+$”　　//非负整数（正整数 + 0）  
“^[0-9][1-9][0-9]
”　　//非正整数（负整数 + 0）  
“^-[0-9][1-9][0-9]
”　　　　//整数  
“^\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]))
”　　//非正浮点数（负浮点数 + 0）  
“^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))
”　　//浮点数  
“^[A-Za-z]+
”　　//由26个英文字母的大写组成的字符串  
“^[a-z]+
”　　//由数字和26个英文字母组成的字符串  
“^\w+
”　　　　//email地址  
“^[a-zA-z]+://(\w+(-\w+))(.(\w+(-\w+)))(\?\S)?$”　　//url 
/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-((0-2)|(3[0|1]))$/   //  年-月-日 
/^((0([1-9]{1}))|(1[1|2]))/((0-2)|(3[0|1]))/(d{2}|d{4})
”   //Emil 
“(d+-)?(d{4}-?d{7}|d{3}-?d{8}|^d{7,8})(-d+)?”     //电话号码 
“^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])
//MAC地址的正则表达式 
^[-+]?\d+(.\d+)?$  //值类型正则表达式

“^\d+$”　　//非负整数（正整数 + 0）  
“^[0-9][1-9][0-9]
”　　//非正整数（负整数 + 0）  
“^-[0-9][1-9][0-9]
”　　　　//整数  
“^\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]))
”　　//非正浮点数（负浮点数 + 0）  
“^(-(([0-9]+\.[0-9][1-9][0-9])|([0-9][1-9][0-9]\.[0-9]+)|([0-9][1-9][0-9])))
”　　//浮点数  
“^[A-Za-z]+
”　　//由26个英文字母的大写组成的字符串  
“^[a-z]+
”　　//由数字和26个英文字母组成的字符串  
“^\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 
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})+
/; 
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}
/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验搜索关键字 
function isSearch(s) 
{ 
var patrn=/^[^~!@#$%^&*()+=|\\\][\]\{\}:;\&#39;\,.<>/?]{1}[^~!@
/; 
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 
}

/*********************************************************************** 
* FUNCTION: isBetween 
* PARAMETERS: val AS any value 
* lo AS Lower limit to check 
* hi AS Higher limit to check 
* CALLS: NOTHING 
* RETURNS: TRUE if val is between lo and hi both inclusive, otherwise false. 
************************************************************************/ 
function isBetween (val, lo, hi) { 
if ((val < lo) || (val > hi)) { return(false); } 
else { return(true); } 
} 
/*********************************************************************** 
* FUNCTION: isDate checks a valid date 
* PARAMETERS: theStr AS String 
* CALLS: isBetween, isInt 
* RETURNS: TRUE if theStr is a valid date otherwise false. 
************************************************************************/ 
function isDate (theStr) { 
var the1st = theStr.indexOf(‘-‘); 
var the2nd = theStr.lastIndexOf(‘-‘); 
if (the1st == the2nd) { return(false); } 
else { 
var y = theStr.substring(0,the1st); 
var m = theStr.substring(the1st+1,the2nd); 
var d = theStr.substring(the2nd+1,theStr.length); 
var maxDays = 31; 
if (isInt(m)==false || isInt(d)==false || isInt(y)==false) { 
return(false); } 
else if (y.length < 4) { return(false); } 
else if (!isBetween (m, 1, 12)) { return(false); } 
else if (m==4 || m==6 || m==9 || m==11) maxDays = 30; 
else if (m==2) { 
if (y % 4 > 0) maxDays = 28; 
else if (y % 100 == 0 && y % 400 > 0) maxDays = 28; 
else maxDays = 29; 
} 
if (isBetween(d, 1, maxDays) == false) { return(false); } 
else { return(true); } 
} 
} 
/*********************************************************************** 
* FUNCTION: isEuDate checks a valid date in British format 
* PARAMETERS: theStr AS String 
* CALLS: isBetween, isInt 
* RETURNS: TRUE if theStr is a valid date otherwise false. 
************************************************************************/ 
function isEuDate (theStr) { 
if (isBetween(theStr.length, 8, 10) == false) { return(false); } 
else { 
var the1st = theStr.indexOf(‘/’); 
var the2nd = theStr.lastIndexOf(‘/’); 
if (the1st == the2nd) { return(false); } 
else { 
var m = theStr.substring(the1st+1,the2nd); 
var d = theStr.substring(0,the1st); 
var y = theStr.substring(the2nd+1,theStr.length); 
var maxDays = 31; 
if (isInt(m)==false || isInt(d)==false || isInt(y)==false) { 
return(false); } 
else if (y.length < 4) { return(false); } 
else if (isBetween (m, 1, 12) == false) { return(false); } 
else if (m==4 || m==6 || m==9 || m==11) maxDays = 30; 
else if (m==2) { 
if (y % 4 > 0) maxDays = 28; 
else if (y % 100 == 0 && y % 400 > 0) maxDays = 28; 
else maxDays = 29; 
} 
if (isBetween(d, 1, maxDays) == false) { return(false); } 
else { return(true); } 
} 
} 
} 
/********************************************************************** 
* FUNCTION: Compare Date! Which is the latest! 
* PARAMETERS: lessDate,moreDate AS String 
* CALLS: isDate,isBetween 
* RETURNS: TRUE if lessDate
参考网址：http://www.jb51.net/article/72044.htm 
一、正則表達式應用 
“^\d+$”　　//非负整数（正整数 + 0）  
“^[0-9][1-9][0-9]
”　　//非正整数（负整数 + 0）  
“^-[0-9][1-9][0-9]
”　　　　//整数  
“^\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]))
”　　//非正浮点数（负浮点数 + 0）  
“^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))
”　　//浮点数  
“^[A-Za-z]+
”　　//由26个英文字母的大写组成的字符串  
“^[a-z]+
”　　//由数字和26个英文字母组成的字符串  
“^\w+
”　　　　//email地址  
“^[a-zA-z]+://(\w+(-\w+))(.(\w+(-\w+)))(\?\S)?$”　　//url 
/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-((0-2)|(3[0|1]))$/   //  年-月-日 
/^((0([1-9]{1}))|(1[1|2]))/((0-2)|(3[0|1]))/(d{2}|d{4})
”   //Emil 
“(d+-)?(d{4}-?d{7}|d{3}-?d{8}|^d{7,8})(-d+)?”     //电话号码 
“^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])
//MAC地址的正则表达式 
^[-+]?\d+(.\d+)?$  //值类型正则表达式

“^\d+$”　　//非负整数（正整数 + 0）  
“^[0-9][1-9][0-9]
”　　//非正整数（负整数 + 0）  
“^-[0-9][1-9][0-9]
”　　　　//整数  
“^\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]))
”　　//非正浮点数（负浮点数 + 0）  
“^(-(([0-9]+\.[0-9][1-9][0-9])|([0-9][1-9][0-9]\.[0-9]+)|([0-9][1-9][0-9])))
”　　//浮点数  
“^[A-Za-z]+
”　　//由26个英文字母的大写组成的字符串  
“^[a-z]+
”　　//由数字和26个英文字母组成的字符串  
“^\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 
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})+
/; 
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}
/; 
if (!patrn.exec(s)) return false 
return true 
}

//校验搜索关键字 
function isSearch(s) 
{ 
var patrn=/^[^~!@#$%^&*()+=|\\\][\]\{\}:;\&#39;\,.<>/?]{1}[^~!@
/; 
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 
}

/*********************************************************************** 
* FUNCTION: isBetween 
* PARAMETERS: val AS any value 
* lo AS Lower limit to check 
* hi AS Higher limit to check 
* CALLS: NOTHING 
* RETURNS: TRUE if val is between lo and hi both inclusive, otherwise false. 
************************************************************************/ 
function isBetween (val, lo, hi) { 
if ((val < lo) || (val > hi)) { return(false); } 
else { return(true); } 
} 
/*********************************************************************** 
* FUNCTION: isDate checks a valid date 
* PARAMETERS: theStr AS String 
* CALLS: isBetween, isInt 
* RETURNS: TRUE if theStr is a valid date otherwise false. 
************************************************************************/ 
function isDate (theStr) { 
var the1st = theStr.indexOf(‘-‘); 
var the2nd = theStr.lastIndexOf(‘-‘); 
if (the1st == the2nd) { return(false); } 
else { 
var y = theStr.substring(0,the1st); 
var m = theStr.substring(the1st+1,the2nd); 
var d = theStr.substring(the2nd+1,theStr.length); 
var maxDays = 31; 
if (isInt(m)==false || isInt(d)==false || isInt(y)==false) { 
return(false); } 
else if (y.length < 4) { return(false); } 
else if (!isBetween (m, 1, 12)) { return(false); } 
else if (m==4 || m==6 || m==9 || m==11) maxDays = 30; 
else if (m==2) { 
if (y % 4 > 0) maxDays = 28; 
else if (y % 100 == 0 && y % 400 > 0) maxDays = 28; 
else maxDays = 29; 
} 
if (isBetween(d, 1, maxDays) == false) { return(false); } 
else { return(true); } 
} 
} 
/*********************************************************************** 
* FUNCTION: isEuDate checks a valid date in British format 
* PARAMETERS: theStr AS String 
* CALLS: isBetween, isInt 
* RETURNS: TRUE if theStr is a valid date otherwise false. 
************************************************************************/ 
function isEuDate (theStr) { 
if (isBetween(theStr.length, 8, 10) == false) { return(false); } 
else { 
var the1st = theStr.indexOf(‘/’); 
var the2nd = theStr.lastIndexOf(‘/’); 
if (the1st == the2nd) { return(false); } 
else { 
var m = theStr.substring(the1st+1,the2nd); 
var d = theStr.substring(0,the1st); 
var y = theStr.substring(the2nd+1,theStr.length); 
var maxDays = 31; 
if (isInt(m)==false || isInt(d)==false || isInt(y)==false) { 
return(false); } 
else if (y.length < 4) { return(false); } 
else if (isBetween (m, 1, 12) == false) { return(false); } 
else if (m==4 || m==6 || m==9 || m==11) maxDays = 30; 
else if (m==2) { 
if (y % 4 > 0) maxDays = 28; 
else if (y % 100 == 0 && y % 400 > 0) maxDays = 28; 
else maxDays = 29; 
} 
if (isBetween(d, 1, maxDays) == false) { return(false); } 
else { return(true); } 
} 
} 
} 
/********************************************************************** 
* FUNCTION: Compare Date! Which is the latest! 
* PARAMETERS: lessDate,moreDate AS String 
* CALLS: isDate,isBetween 
* RETURNS: TRUE if lessDate
로그인 후 복사

위 내용은 JS 정규식에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
javascript 正则 表达式
원천：php.cn
이전 기사：Ajax를 사용하여 메뉴 표시줄의 3단계 연결 구현 다음 기사：비동기 요청을 보내기 위해 Ajax를 구현하는 데는 4단계만 필요합니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
JavaScript를 사용하지 않고 클릭 시 이미지 소스를 동적으로 수정하는 CSS 전용 방법 img:active와 같은 CSS만 사용하여 마우스 클릭 시 이미지의 소스를 변경해야 합니다.{}
에서 2024-04-06 19:25:49
0
1
505
d3.js를 확대할 때 산점도 값이 유지되지 않습니다. d3.js를 처음 사용하는 것이므로 양해해 주시기 바랍니다. vue.js 파일에 순수 JavaScript로 구현했습니다. 확대/축소 기능을 사용하여 산점도를 만들...
에서 2024-04-06 18:16:26
0
1
403
공급업체별 의사 요소에 대한 JavaScript 호버 이벤트 나는 아래에 HTMLinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',fun...
에서 2024-04-06 15:35:24
0
1
274
Javascript/Jquery를 사용하여 버튼 없이 양식 제출 JavaScript 함수를 호출하고 JQUERY/PHP를 사용하여 양식을 실행하여 버튼 없이 양식을 제출하려고 합니다. 페이지를 다시 로드하지 않고 백엔드에서 양...
에서 2024-04-06 14:54:03
0
2
421
CollapseDisplay 클래스를 사용하여 Bootstrap 아코디언 헤더의 모양을 사용자 정의하세요. 클래스 Collapseshow를 사용하여 패널의 카드 제목 스타일을 지정하고 싶습니다. 이 예에서는 첫 번째 패널입니다. CSS를 사용하여 .accordion.c...
에서 2024-04-06 12:53:11
0
1
376
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！