国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

html5表單驗證

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

問題描述

html5中那些原生的驗證,如required、pattern等,在驗證無效時,那些彈出的提示框是怎么實現的?為什么當因為不同的約束條件不滿足而無效時,會彈出不同內容的提示框?是不是結合invalid事件和validity屬性實現的?setCustomValidity()方法的工作原理是什么?感覺這塊內容越看越亂,還請大牛指教……

問題解答

回答1:

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

回答2:

required:空白驗證,比如說:

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

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

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

如若input[type=text]的value不為3個數字,在點擊提交按鈕的時候,就會提出提示

標簽: Html5
相關文章:
主站蜘蛛池模板: 手机看片久久高清国产日韩 | 国产精品久久免费观看 | 特色黄色片 | 怡红院免费在线视频 | 国产激爽大片在线播放 | 国产成人精品视频频 | 狠狠88综合久久久久综合网 | 欧美一区二区高清 | 揉揉胸摸腿摸下面va视频 | 国产精品免费看久久久香蕉 | 免费又黄又爽又猛大片午夜 | 成人18免费观看的软件 | 另类一区二区三区 | 一级毛片真人免费播放视频 | 国产精品女在线观看 | 日韩精品在线免费观看 | 一区一精品 | 亚久久伊人精品青青草原2020 | 亚洲作爱视频 | 日韩欧美国产精品 | 久久毛片视频 | 99精品一区二区免费视频 | 香蕉视频1024| 国产在线99 | 亚洲最大福利视频 | 全午夜免费一级毛片 | 九九视频免费精品视频免费 | 黄色网址进入 | 精品欧美一区二区在线观看 | 国产午夜a理论毛片在线影院 | 毛片免费看看 | 在线永久免费观看黄网站 | 国产精品1区 2区 3区 | 日日摸夜夜搂人人要 | 免费一级特黄欧美大片久久网 | 日本大臿亚洲香蕉大片 | 日本成人在线免费观看 | 国产一级二级三级毛片 | 99久久精品免费看国产免费 | 亚洲码一区二区三区 | 国外免费一级 |