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}$/,看起来更好理解，但是实际不能这样写的。
213
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
