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

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

HTML5表單必填屬性。設置自定義驗證消息?

瀏覽:121日期:2024-04-16 09:14:39
如何解決HTML5表單必填屬性。設置自定義驗證消息??

用途setCustomValidity):

document.addEventListener('DOMContentLoaded', function() { var elements = document.getElementsByTagName('INPUT'); for (var i = 0; i < elements.length; i++) {elements[i].oninvalid = function(e) { e.target.setCustomValidity(''); if (!e.target.validity.valid) {e.target.setCustomValidity('This field cannot be left blank'); }};elements[i].oninput = function(e) { e.target.setCustomValidity('');}; }})

我已按照@itpastorn在評論中的建議,從Mootools更改為VanillaJavaScript,但如有必要,您應該可以設計出等效的Mootools。

我在這里更新了代碼,其setCustomValidity工作方式與我最初回答時所了解的略有不同。如果setCustomValidity設置為空字符串以外的任何其他值,則將導致該字段被視為無效;因此,您必須在測試有效性之前清除它,而不能只是設置它而忘記。

正如下面@thomasvdb的注釋中指出的那樣,您需要在某些事件之外清除自定義有效性,invalid否則可能需要通過oninvalid處理程序進行額外的清除操作。

解決方法

我有以下HTML5表單:

<form onsubmit='return(login())'><input name='username' placeholder='Username' required /><input name='pass' type='password' placeholder='Password' required/><br/>Remember me: <input type='checkbox' name='remember' value='true' /><br/><input type='submit' name='submit' value='Log In'/>

目前,當我將兩個都空白時按Enter鍵時,會出現(xiàn)一個彈出框,提示“請?zhí)顚懘俗侄巍?。如何將默認消息更改為“此字段不能為空”?

還請注意,類型密碼字段的錯誤消息很簡單*****。要重新創(chuàng)建此名稱,請為用戶名指定一個值,然后單擊“提交”。

我正在使用Chrome 10進行測試。請同樣做

標簽: Html5
相關文章:
主站蜘蛛池模板: 日韩免费av | 久久久精品影院 | 中文字幕一级毛片视频 | 亚洲午夜电影 | 三区四区在线观看 | 中文字幕视频在线免费 | 久久婷婷麻豆国产91天堂 | 五十女人一级毛片 | 国产视频精品免费 | 色性av| 日韩精品一区二区三区中文字幕 | 欧美一区二区三区四区视频 | 黄色片大全在线观看 | 91免费看片| 91精品麻豆日日躁夜夜躁 | 午夜久久久| 热久久免费视频 | 亚洲视频区 | 欧美激情一区 | 免费在线一区二区 | 一级免费看片 | av成人在线观看 | 日本久久久久久久久 | 久久久久久久av麻豆果冻 | 日韩亚洲一区二区 | 亚洲精品麻豆 | 国产精品美女久久久久aⅴ国产馆 | 国产一区二区三区久久久久久久久 | 国产一区二区三区在线视频 | 久久久久久久久久性 | 91亚洲国产成人久久精品网站 | 国产欧美日韩在线观看 | 欧美在线网站 | 亚洲电影一区二区三区 | 精品亚洲一区二区三区四区五区高 | 日韩av高清 | 久久69精品久久久久久国产越南 | 成人h电影在线观看 | 亚洲视频在线播放 | 午夜一区二区三区在线观看 | 夜夜av|