正则表达式

最新推荐文章于 2024-05-20 10:35:51 发布

原创最新推荐文章于 2024-05-20 10:35:51 发布 · 322 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#正则

正则表达式专栏收录该内容

0 篇文章

订阅专栏

工作遇到一个问题：一个输入框可以输入手机和电话，控制座机最长13位，手机为11位。判断是否为手机号，是判断第一位是1。
需求解读：用正则匹配一串数字，长度为1~13，切为11位时第一位数字为1。

则用于匹配的正则表达式：^(\b[1][0-9]{10}\b)|((\b\d{1,10}\b)|(\b\d{12,13}\b))$。(小生没想到更好的表达式)

直接用在线工具测试的匹配结果如下图（11数字串，但开头为2）：

写了一个很简单js测试工具，可自行测试，代码如下：

<html>
	<head><title></title></head>
	<body>
		<br/>
		<br/>
		<div align='center'>
			<input type="input" id="phoneNumber" >
			<input type="submit" onclick="return checkMobilePhone();" value="提交">
		</div>
		<br/>
		<div id="mobileNumberErrorId" style="display:none">
			<center>
			<font color="#FF0000">请输入正确的电话号码！</font>
			</center>
		</div>
		<script>
			function checkMobilePhone(){
				var rule = /^(\b[1][0-9]{10}\b)|((\b\d{1,10}\b)|(\b\d{12,13}\b))$/;
				var reportorMobile=document.getElementById("phoneNumber").value;
				if((reportorMobile !=null && reportorMobile!="")){
					if((!(rule.test(reportorMobile))) ){
						document.getElementById("mobileNumberErrorId").style.display="";
						return false;
					}else{
						document.getElementById("mobileNumberErrorId").style.display="none";
						return true;
					}
				}else{
						document.getElementById("mobileNumberErrorId").style.display="none";
						return true;
					}
			  }
		</script>
	</body>
</html>

正则表达式的一些基础知识：

\d ：表示可以匹配一个数字

\w：表示可以匹配一个字母或数字

\b ：只用来表示一个开头或结尾的位置

\s：匹配一个空格

. ：表示匹配任意字符

* ：匹配任意个字符（0个或多个）

+：匹配至少一个字符

?：匹配0个或1个字符

{n}：匹配n个字符

{n,m}：匹配n~m个字符

^：标示行的开头