html5表单pattern属性配合正则验证电话和手机号码

[b]正则表达式(包括手机号码，3-4位区号，7-8位直播号码，1－4位分机号)[/b]

((\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$)

[b]正则解析[/b]

“^\d+$”　　//非负整数（正整数 + 0）

“^[0-9]*[1-9][0-9]*$”　　//正整数

“^((-\d+)|(0+))$”　　//非正整数（负整数 + 0）

“^-[0-9]*[1-9][0-9]*$”　　//负整数

“^-?\d+$”　　　　//整数

“^\d+(\.\d+)?$”　　//非负浮点数（正浮点数 + 0）

“^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$”　　//正浮点数

“^((-\d+(\.\d+)?)|(0+(\.0+)?))$”　　//非正浮点数（负浮点数 + 0）

“^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$”　　//负浮点

数

“^(-?\d+)(\.\d+)?$”　　//浮点数

“^[A-Za-z]+$”　　//由26个英文字母组成的字符串

“^[A-Z]+$”　　//由26个英文字母的大写组成的字符串

“^[a-z]+$”　　//由26个英文字母的小写组成的字符串

“^[A-Za-z0-9]+$”　　//由数字和26个英文字母组成的字符串

“^\w+$”　　//由数字、26个英文字母或者下划线组成的字符串

“^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$”　　　　//email地址

“^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$”　　//url

/^13\d{9}$/gi手机号正则表达式
[b]配合HTML5 pattern属性[/b]

[xml]

view plaincopy

<input id="private_phone" name="private_phone" pattern="(\d{11})|^((\d{7,8})|(\d{4}|\d{3})-(\d{7,8})|(\d{4}|\d{3})-(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1})|(\d{7,8})-(\d{4}|\d{3}|\d{2}|\d{1}))$" required="required" type="text" />  

案例图片

<
4000
img src="http://www.lai18.com/Uploads/Images/Content/201503/4d66c0d7eee6d9a4d16419429db80faf.png" border="0" alt="" />