html5表單pattern屬性配合正則驗證電話和手機號碼

標籤：div   article   號碼   pad   英文字母   class   組成   ima   type   

Regex(包括手機號碼，3-4位區號，7-8位直播號碼，1－4位分機號)

1	((\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}))$)

正則解析

“^\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手機號Regex

配合HTML5 pattern屬性

1	<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" />

案例圖片

本文永久地址：http://blog.it985.com/7644.html
本文出自 IT985部落格 ，轉載時請註明出處及相應連結。

html5表單pattern屬性配合正則驗證電話和手機號碼