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
相關文章:
主站蜘蛛池模板: 亚洲在线免费观看 | 天天躁日日躁aaaa视频 | 奇米久久 | 日韩电影一区 | 神马福利| 欧美性大战久久久久久久蜜臀 | 色一阁| 免费一看一级毛片 | 一级毛片免费完整视频 | 成人午夜视频在线观看 | 日本成人中文字幕 | 91av免费看 | 精品欧美一区二区三区精品久久 | 日韩av黄色 | 日韩中文字幕在线播放 | 中文字幕久久精品 | 欧美日韩综合 | 亚洲在线一区二区三区 | 玖玖国产 | 成人免费淫片aa视频免费 | 久久久久久久一区二区 | 欧美男人天堂 | 国产午夜精品久久久久 | 亚洲女优在线播放 | 日韩美女一区二区三区在线观看 | 成人亚洲片 | 日本特黄a级高清免费大片 国产精品久久性 | 日韩欧美视频网站 | 亚洲精品在线91 | 99免费视频 | a级片在线观看 | 成人精品在线视频 | av片免费观看 | 手机三级电影 | 一区二区三区高清 | 91亚洲国产成人久久精品网站 | av网站免费看 | 亚洲精品视频一区 | 毛片com | 欧美激情在线精品一区二区三区 | 久久99精品久久久久久国产越南 |