javascript11位手机号码正则表达式

最新推荐文章于 2025-06-04 16:41:04 发布

原创最新推荐文章于 2025-06-04 16:41:04 发布 · 8.5k 阅读

2 ·

CC 4.0 BY-SA版权

web 同时被 2 个专栏收录

18 篇文章

订阅专栏

面试

4 篇文章

订阅专栏

2014年12月24日15:11:24 天气晴

大概是22号星期一的时候，我去面试了一家公司，当我看到“请写出11位手机号码正则表达式”的时候，感觉整个人都有点懵了，后来在网上看了相关的内容之后，发现也不是很难。在此分享给大家

regularExpression.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>11位手机号码的正则表达式</title>
</head>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript">
	$(function() {
		$("#mobilePhoneNumber").change(function() {
			var mobilePhoneNumber = $("#mobilePhoneNumber").val();
			mobilePhoneNumber = $.trim(mobilePhoneNumber);
			if (!/^1[3|5|8][0-9]\d{4,8}$/.test(mobilePhoneNumber)) {
				alert("您输入的手机号码不正确");
			} else {
				alert(mobilePhoneNumber);
			}
		});
	});
	
	/* 	function checkMobilePhoneNumber(obj) {
			if (!/^1[3|5|8][0-9]\d{4,8}$/.test(obj)) {
				alert("您输入的手机号码不正确");
			} else {
				alert(obj);
			}
		}
	 */
</script>
<body>

	<form action="" method="post">
		<input type="text" name="mobilePhoneNumber" id="mobilePhoneNumber" onchange="checkMobilePhoneNumber(this.value)"/>
		<input type="submit" value="提交" />
	</form>

</body>
</html>

觉得需要注意的地方：

①$("#mobilePhoneNumber").value是获取不到值的，后来浏览这个网站后知道是为什么(点击打开链接)，$("")是一个jquery对象对象，不是一个 dom对象（element）,但value是dom对象（element）的属性；jquery与之对应的是val，val():获第一个匹配元素的当前值，val(val)设置每个匹配元素的值。所以获取值有两种方法，一是$("#mobilePhoneNumber")[0].value，二是$("#mobilePhoneNumber").val()

②注意jquery写的匿名函数跟js写的是不一样的，js方法不要写在$(fucntion{});之内，否则不起效果。

③下面对上面的正则表达式作一个简单的分析，参考网站主要是/^1[3|5|8][0-9]\d{4,8}$/这段代码，

^1代表以1开头，目前中国手机都是以1开头

[3|5|8]代表数字3或5或8中的一个数字

[0-9]代表0-9中的任何数字，包括0和9

\d{4,8}:\d与[0-9]意思一样，都是0-9中的任何数字，{4,8}表示匹配前面的最低4位数字和最高8位数字。这里为什么不直接写8呢，因为手机归属地查询的时候，根据前面7位就可以知道具体的地址了，后面的4位没有影响的。

如果不考虑到归属地查询这些的话，我比较可能会写成这样/^1[3|5|8]\d{9}$/,看起来更好理解，但是实际不能这样写的。