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" οnchange="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}$/,看起来更好理解,但是实际不能这样写的。