av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

html5表單驗(yàn)證

瀏覽:119日期:2022-11-03 16:14:12

問題描述

html5中那些原生的驗(yàn)證,如required、pattern等,在驗(yàn)證無效時(shí),那些彈出的提示框是怎么實(shí)現(xiàn)的?為什么當(dāng)因?yàn)椴煌募s束條件不滿足而無效時(shí),會(huì)彈出不同內(nèi)容的提示框?是不是結(jié)合invalid事件和validity屬性實(shí)現(xiàn)的?setCustomValidity()方法的工作原理是什么?感覺這塊內(nèi)容越看越亂,還請(qǐng)大牛指教……

問題解答

回答1:

去看MDN上的表單驗(yàn)證吧,我覺得說的還是挺清楚的,你可以按照它給的小demo一點(diǎn)點(diǎn)擼,慢慢就明白了。

回答2:

required:空白驗(yàn)證,比如說:

<form> <input type='text' required oninvalid='setCustomValidity(’此處不能為空!’)' oninput=(’setCustomValidity()’)> <input type='submit' value='提交'></form>

如果input[type=text]的value為空,就會(huì)彈出提示框,并且阻止表單提交;pattern:匹配正則表達(dá)式,比如說:

<form> <input type='text' pattern='[0-9]{3}' oninvalid='setCustomValidity(’請(qǐng)輸入3個(gè)數(shù)字!’)' oninput=(’setCustomValidity()’)> <input type='submit' value='提交'></form>

如若input[type=text]的value不為3個(gè)數(shù)字,在點(diǎn)擊提交按鈕的時(shí)候,就會(huì)提出提示

標(biāo)簽: Html5
相關(guān)文章:
主站蜘蛛池模板: 伊人伊成久久人综合网站 | 久久av网 | 久久99久久 | 久久久久久久一区二区三区 | 国产激情在线观看视频 | 1区2区视频| 日韩av福利在线观看 | 中文字幕乱码一区二区三区 | 国产亚洲成av人在线观看导航 | 精品99久久 | 午夜色播| 亚洲精品在线免费播放 | 中文字幕亚洲视频 | 精品av久久久久电影 | 欧美三区视频 | 伊人二区 | 国产精品一区二区三区四区 | 日韩av啪啪网站大全免费观看 | 99re热精品视频国产免费 | www网站在线观看 | 国产一区二区三区在线看 | 黄色av一区 | 在线国产精品一区 | 国产精品久久久久久久久久不蜜臀 | 91社区在线观看高清 | 欧美精品一区二区三区蜜桃视频 | 色桃网 | 国产精品夜夜春夜夜爽久久电影 | 欧美一级二级三级视频 | 国产精品日本一区二区在线播放 | 亚洲国产精品一区在线观看 | 东方伊人免费在线观看 | 国产精品入口久久 | 国产精品美女久久久久aⅴ国产馆 | 欧美日韩一区二区三区四区 | 国产亚洲成av人片在线观看桃 | 日韩在线一区二区 | 91成人精品视频 | 欧美一极视频 | 精品免费国产一区二区三区四区介绍 | 9999国产精品欧美久久久久久 |