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}$/,看起來更好理解，但是實際不能這樣寫的。