html5中input的tel類型怎么驗(yàn)證正則？

html5中的tel標(biāo)簽。

成都創(chuàng)新互聯(lián)主要從事成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)淮南,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

nput type="tel" name="tel" id="tel" required pattern="^(0|86|17951

input type="tel" name="tel" id="tel" required onblur="checkme(this)"/

function checkme(obj)

var val=obj.valuevar mobilevalid = /^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}$

var mobile = $('input')

var mobilevalid = /^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}$/;

if (!mobilevalid.test(mobile)

HTML5有哪些新的表單屬性

新增表單元素：

用于表單的密鑰對生成器字段

不同類型的輸出，比如腳本的輸出。

新增表單屬性：

autocomplete 自動(dòng)完成

novalidate不驗(yàn)證數(shù)據(jù)

formaction 用于描述表單提交的URL地址，會(huì)覆蓋

元素中的action屬性.

formenctype 表單提交到服務(wù)器的數(shù)據(jù)編碼 (只對form表單中 method="post" 表單)

formmethod 表單提交方式，會(huì)覆蓋 的method 屬性。

formnovalidate 表單提交無需被驗(yàn)證，會(huì)覆蓋 元素的novalidate屬性.

formtarget 表單提交數(shù)據(jù)接收后，怎么的展示。

list 表示input輸入域的 datalist（datalist 是輸入域的選項(xiàng)列表）

min max step ** 用來給input 類型為數(shù)字或日期的添加限定約束的

multiple 多種多樣表示 元素中可選擇多個(gè)值。

pattern 正則表達(dá)式用于驗(yàn)證 元素的值。

placeholder 占位提供一種提示（hint），描述輸入域所期待的值。

required 被要求的，必須的， 規(guī)定必須在提交之前填寫輸入域（不能為空）。

step 步伐、一步、步長，規(guī)定輸入域合法的數(shù)字間隔

html5正則表達(dá)式 怎么驗(yàn)證表單

通過CSS偽類設(shè)置表單的驗(yàn)證規(guī)則主要的思路如下： 1、 首先我們要表單設(shè)置驗(yàn)證規(guī)則 2、 設(shè)置驗(yàn)證消息 3、 用CSS偽類來控制驗(yàn)證消息，或者控制input元素的樣式來提示用戶進(jìn)行輸入。 下面我們以這個(gè)思路來寫一個(gè)小小的示例來以供參考

html5中input的tel類型怎么驗(yàn)證正則

html5中input的tel類型驗(yàn)證正則的寫法如下：

一般在中國，電話號碼是區(qū)號-7到8位數(shù)字的電話號碼，所以正則表達(dá)式書寫如下：

^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}

完整的演示例子如下：

1、html5中的tel標(biāo)簽：

input type="tel" name="tel" id="tel" required pattern="^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}"

2、或者

input type="tel" name="tel" id="tel" required onblur="checkme(this)"/

function checkme(obj){

var val=obj.value();

var mobilevalid = /^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}$/;

if (!mobilevalid.test(val)) {

alert('請輸入正確的手機(jī)號碼！')

return false;

}

}

標(biāo)題名稱：html5正則,css正則表達(dá)式
網(wǎng)頁鏈接：http://chinadenli.net/article20/dsepico.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、營銷型網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、網(wǎng)站導(dǎo)航、域名注冊、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)