javascript11位手机号码正则表达式

来源：互联网发布：白鹤翔java架构师视频编辑：程序博客网时间：2024/05/02 02:47

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

0 0