国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 性刺激欧美三级在线现看中文 | 精品一区二区三区免费视频 | 亚洲 自拍 欧美 综合 | 在线观看中文字幕一区 | 一级做a免费视频观看网站 一级做a爰 | 亚洲精品欧洲一区二区三区 | 在线免费视频国产 | 久久久久视频精品网 | 欧美一区二区三区不卡片 | 香港三澳门三日本三级 | 中文字幕精品视频 | 国产成人午夜精品影院游乐网 | 日韩精品欧美国产精品亚 | 国产精品资源手机在线播放 | 国产a级精品特黄毛片 | 手机免费在线看毛片 | 一本色道久久88加勒比—综合 | 国产在线精品一区二区不卡 | 在线视频免费国产成人 | 亚洲国产欧美另类 | 日本亚洲成高清一区二区三区 | 国产一区二区福利久久 | 久久精品一区二区影院 | 久久精品久久精品久久 | 亚洲国产99在线精品一区二区 | 日本特一级毛片免费视频 | 色综合久久久久久888 | 牛牛a级毛片在线播放 | 特级淫片欧美高清视频蜜桃 | 国产区一区二 | 黄色三级毛片 | 国产综合13p | 亚洲欧洲一区二区三区久久 | 久久久久女人精品毛片 | 在线免费亚洲 | 亚洲七七久久精品中文国产 | 成年视频国产免费观看 | 欧美一区二区视频在线观看 | 亚洲综合国产 | 日韩久久网 | 国产精品久久久久亚洲 |