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

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

html5表單驗證

瀏覽:120日期: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
相關文章:
主站蜘蛛池模板: 青青草国产在线观看 | 成年网站在线观看 | 欧美一区二区三区在线看 | 成人午夜免费福利视频 | 超碰8| 毛片99 | av大全在线| 在线日韩在线 | 日韩欧美国产精品一区二区 | 国产精品一区久久久 | 国产精品一区二区不卡 | 国产成人精品福利 | 国产粉嫩尤物极品99综合精品 | 亚洲入口| 九九久久久 | 久久剧场 | 91直接看| 色婷婷亚洲 | 色在线免费视频 | 1000部精品久久久久久久久 | 午夜在线视频一区二区三区 | 日韩一| 欧美日韩第一页 | 另类亚洲视频 | 日日射影院 | a级片在线| 国产精久久久久久久妇剪断 | 色资源站 | 久久精品99| 久草新在线 | 日本一区二区三区在线观看 | 精品国产不卡一区二区三区 | 69性欧美高清影院 | 久久精品亚洲欧美日韩久久 | 精品91 | 极品国产视频 | 偷拍亚洲色图 | 色av一区 | 日韩精品一区二区三区中文在线 | 91精品国产乱码久久蜜臀 | 久久久久国产一区二区 |