下滑这里查看更多内容
javascript常用正则表达式规则
字符 描述 /n 换行符 /r 回车符 /t 制表符 /f 换页符(Tab) /cX 与X对应的控制字符 /b 退格符(BackSpace) /v 垂直制表符 /0 空字符(“”)
正则表达式中的预定义类:
代码 等同于 匹配 . IE下[^/n],其它[^/n/r] 匹配除换行符之外的任何一个字符 /d [0-9] 匹配数字 /D [^0-9] 匹配非数字字符 /s [ /n/r/t/f/x0B] 匹配一个空白字符 /S [^ /n/r/t/f/x0B] 匹配一个非空白字符 /w [a-zA-Z0-9_] 匹配字母数字和下划线 /W [^a-zA-Z0-9_] 匹配除字母数字下划线之外的字符
量词(下表量词单个出现时皆是贪婪量词)
代码 描述 * 匹配前面的子表达式零次或多次。例如,zo* 能匹配 “z” 以及 “zoo”。 * 等价于{0,}。 + 匹配前面的子表达式一次或多次。例如,’zo+’ 能匹配 “zo” 以及 “zoo”,但不能匹配 “z”。+ 等价于 {1,}。 ? 匹配前面的子表达式零次或一次。例如,”do(es)?” 可以匹配 “do” 或 “does” 中的”do” 。? 等价于 {0,1}。 {n} n 是一个非负整数。匹配确定的 n 次。例如,’o{2}’ 不能匹配 “Bob” 中的 ‘o’,但是能匹配 “food” 中的两个 o。 {n,} n 是一个非负整数。至少匹配n 次。例如,’o{2,}’ 不能匹配 “Bob” 中的 ‘o’,但能匹配 “foooood” 中的所有 o。’o{1,}’ 等价于 ‘o+’。’o{0,}’ 则等价于 ‘o*‘。 {n,m} m 和 n 均为非负整数,其中n <= m。最少匹配 n 次且最多匹配 m 次。刘, “o{1,3}” 将匹配 “fooooood” 中的前三个 o。’o{0,1}’ 等价于 ‘o?’。请注意在逗号和两个数之间不能有空格。
贪婪量词与惰性量词
- 用贪婪量词进行匹配时,它首先会将整会字符串当成一个匹配,如果匹配的话就退出,如果不匹配,就截去最后一个字符进行匹配,如果不匹配,继续将最后一个字符截去进行匹配,直到有匹配为止。直到现在我们遇到的量词都是贪婪量词
- 用惰性量词进行匹配时,它首先将第一个字符当成一个匹配,如果成功则退出,如果失败,则测试前两个字符,依些增加,直到遇到合适的匹配为止
惰性量词仅仅在贪婪量词后面加个”?”而已,如”a+”是贪婪匹配的,”a+?”则是惰性的 构建一个验证电子邮箱地址有效性的正则表达式。电子邮箱地址有效性要求(我们姑且这样定义):用户名只能包含字母数字以及下划线,最少一位,最多25位,用户名后面紧跟@,后面是域名,域名名称要求只能包含字母数字和减号(-),并且不能以减号开头或结尾,然后后面是域名后缀(可以有多个),域名后缀必须是点号连上2-4位英文字母 。 ### javascript正则表达式基本语法
-
正则表达式基本语法 两个特殊的符号’^’和’$’。他们的作用是分别指出一个字符串的开始和结束。 例子如下: “^The”:表示所有以”The”开始的字符串(”There”,”The cat”等); “of despair$”:表示所以以”of despair”结尾的字符串; “^abc$”:表示开始和结尾都是”abc”的字符串——呵呵,只有”abc”自己了; “notice”:表示任何包含”notice”的字符串。 象最后那个例子,如果你不使用两个特殊字符,你就在表示要查找的串在被查找串的任意部分——你并 不把它定位在某一个顶端。 其它还有’‘,’+’和’?’这三个符号,表示一个或一序列字符重复出现的次数。 它们分别表示“没有或更多”,“一次或更多”还有“没有或一次”。 下面是几个例子: “ab“:表示一个字符串有一个a后面跟着零个或若干个b。(”a”, “ab”, “abbb”,……); “ab+”:表示一个字符串有一个a后面跟着至少一个b或者更多; “ab?”:表示一个字符串有一个a后面跟着零个或者一个b; “a?b+$”:表示在字符串的末尾有零个或一个a跟着一个或几个b。 你也可以使用范围,用大括号括起,用以表示重复次数的范围。 “ab{2}”:表示一个字符串有一个a跟着2个b(”abb”); “ab{2,}”:表示一个字符串有一个a跟着至少2个b; “ab{3,5}”:表示一个字符串有一个a跟着3到5个b。 请注意,你必须指定范围的下限(如:”{0,2}”而不是”{,2}”)。 还有,你可能注意到了,’‘,’+’和’?’相当于”{0,}”,”{1,}”和”{0,1}”。 还有一个’¦’,表示“或”操作: “hi¦hello”:表示一个字符串里有”hi”或者”hello”; “(b¦cd)ef”:表示”bef”或”cdef”; “(a¦b)c”:表示一串”a”“b”混合的字符串后面跟一个”c”; ‘.’可以替代任何字符: “a.[0-9]”:表示一个字符串有一个”a”后面跟着一个任意字符和一个数字; “^.{3}$”:表示有任意三个字符的字符串(长度为3个字符); 方括号表示某些字符允许在一个字符串中的某一特定位置出现: “[ab]”:表示一个字符串有一个”a”或”b”(相当于”a¦b”); “[a-d]”:表示一个字符串包含小写的’a’到’d’中的一个(相当于”a¦b¦c¦d”或者”[abcd]”); “^[a-zA-Z]”:表示一个以字母开头的字符串; “[0-9]%”:表示一个百分号前有一位的数字; “,[a-zA-Z0-9]$”:表示一个字符串以一个逗号后面跟着一个字母或数字结束。 你也可以在方括号里用’^’表示不希望出现的字符,’^’应在方括号里的第一位。 (如:”%[^a-zA-Z]%”表示两个百分号中不应该出现字母)。 为了逐字表达,你必须在”^.$()¦*+?{"这些字符前加上转移字符’'。 请注意在方括号中,不需要转义字符。
-
正则表达式验证控制文本框的输入字符类型
- 只能输入数字和英文的:
<input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID="Text1" NAME="Text1">
- 只能输入数字的:
<input onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID="Text2" NAME="Text2">
- 只能输入汉字的:
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" ID="Text4" NAME="Text4">
- 正则表达式的应用实例通俗说明
- 校验是否全由数字组成 /^[0-9]{1,20}$/ ^ 表示打头的字符要匹配紧跟^后面的规则 $ 表示打头的字符要匹配紧靠$前面的规则 [ ] 中的内容是可选字符集 [0-9] 表示要求字符范围在0-9之间 {1,20}表示数字字符串长度合法为1到20,即为[0-9]中的字符出现次数的范围是1到20次。 /^ 和 $/成对使用应该是表示要求整个字符串完全匹配定义的规则,而不是只匹配字符串中的一个子串。 ***************************
- 校验登录名:只能输入5-20个以字母开头、可带数字、“”、“.”的字串 /^[a-zA-Z]{1}([a-zA-Z0-9]|[.]){4,19}$/ ^[a-zA-Z]{1} 表示第一个字符要求是字母。 ([a-zA-Z0-9]|[.]){4,19} 表示从第二位开始(因为它紧跟在上个表达式后面)的一个长度为4到9位的字符串,它要求是由大小写字母、数字或者特殊字符集[.]组成。 ***************************
- 校验用户姓名:只能输入1-30个以字母开头的字串 /^[a-zA-Z]{1,30}$/ ***************************
- 校验密码:只能输入6-20个字母、数字、下划线 /^(\w){6,20}$/ \w:用于匹配字母,数字或下划线字符 ***************************
- 校验普通电话、传真号码:可以“+”或数字开头,可含有“-” 和 “ ” /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/ \d:用于匹配从0到9的数字; “?”元字符规定其前导对象必须在目标对象中连续出现零次或一次 可以匹配的字符串如:+123 -999 999 ; +123-999 999 ;123 999 999 ;+123 999999等 ***************************
- 校验URL /^http[s]{0,1}:\/\/.+$/ 或 /^http[s]{0,1}:\/\/.{1,n}$/ (表示url串的长度为length(“https://”) + n ) \ / :表示字符“/”。 . 表示所有字符的集
- 等同于{1,},就是1到正无穷吧。
***************************
- 校验纯中文字符 /^[\u4E00-\u9FA5]+$/ [\u4E00-\u9FA5] :估计是中文字符集的范围吧
javascript正则表达式实例
- 判断输入内容是否为空
function IsNull(){
var str = document.getElementById('str').value.trim();
if(str.length==0){
alert('对不起,文本框不能为空或者为空格!');#请将“文本框”改成你需要验证的属性名称!
}
}
- 判断输入的字符是否为英文字母
function IsLetter()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[a-zA-Z]+$/;
if(!reg.test(str)){
alert("对不起,您输入的英文字母类型格式不正确!");#请将“英文字母类型”改成你需要验证的属性名称!
}
}
}
- 判断输入的字符是否为整数
function IsInteger()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-+]?\d*$/;
if(!reg.test(str)){
alert("对不起,您输入的整数类型格式不正确!");#请将“整数类型”要换成你要验证的那个属性名称!
}
}
}
- 判断输入的字符是否为:a-z,A-Z,0-9
function IsString()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[a-zA-Z0-9_]+$/;
if(!reg.test(str)){
alert("对不起,您输入的字符串类型格式不正确!");#请将“字符串类型”要换成你要验证的那个属性名称!
}
}
}
- 判断输入的字符是否为中文
function IsChinese()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[\u0391-\uFFE5]+$/;
if(!reg.test(str)){
alert("对不起,您输入的字符串类型格式不正确!");#请将“字符串类型”要换成你要验证的那个属性名称!
}
}
}
- 判断输入的EMAIL格式是否正确
function IsEmail()
{
var str = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
if(!reg.test(str)){
alert("对不起,您输入的字符串类型格式不正确!");#请将“字符串类型”要换成你要验证的那个属性名称!
}
}
}
- 判断输入的数字不大于某个特定的数字
function MaxValue()
{
var val = document.getElementById('str').value.trim();
if(str.length!=0){
reg=/^[-+]?\d*$/;
if(!reg.test(str)){//判断是否为数字类型
if(val>parseInt('123')) #“123”为自己设定的最大值
{
alert('对不起,您输入的数字超出范围');#请将“数字”改成你要验证的那个属性名称!
}
}
}
}
几个常用正则
Phone : /^(((\d{2,3}))|(\d{3}-))?((0\d{2,3})|0\d{2,3}-)?[1-9]\d{6,7}(-\d{1,4})?$/
Mobile : /^(((\d{2,3}))|(\d{3}-))?13\d{9}$/
Url : /^http:\/\/[A-Za-z0-9]+.[A-Za-z0-9]+[\/=\?%-&_~`@[]':+!]([^<>""])$/
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/
QQ : /^[1-9]\d{4,8}$/
某种特殊金额:/^((\d{1,3}(,\d{3}))|(\d+))(.\d{2})?$/ #说明:除“XXX XX,XXX XX,XXX.00”格式外
#为上面提供各个JS验证方法提供.trim()属性
String.prototype.trim=function(){
return this.replace(/(^\s)|(\s*$)/g, “”);
}