HTMLSelectElement: validationMessage ããããã£
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015å¹´7æ.
validationMessage 㯠HTMLSelectElement ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®èªã¿åãå°ç¨ããããã£ã§ã<select> ã³ã³ããã¼ã«ãæºãããªãï¼ããããã°ï¼æ¤è¨¼å¶ç´ãè¨è¿°ãããã¼ã«ã©ã¤ãºãããã¡ãã»ã¼ã¸ã表ãæååãè¿ãã¾ããããã¯ãã³ã³ããã¼ã«ãå¶ç´æ¤è¨¼ã®å¯¾è±¡ã§ã¯ãªãå ´åï¼HTMLSelectElement.willValidate ã false ã®å ´åï¼ãã¾ãã¯å¶ç´ãæºããã¦ããå ´åã¯ç©ºæååã¨ãªãã¾ãã
ããããã® <select> è¦ç´ ãå¶ç´ã®æ¤è¨¼å¯¾è±¡ï¼willValidate ã trueï¼ã§ãããå¶ç´ãæºãããã¦ããªãå ´åï¼HTMLSelectElement.validity ãªãã¸ã§ã¯ãã® valid ããããã£ã falseï¼ãå¤ã¯æ¤è¨¼ä¸ã«ã¦ã¼ã¶ã¼ã«è¡¨ç¤ºãããã¨ã©ã¼ã¡ãã»ã¼ã¸ã¨ãªãã¾ãã
å¤
æååã§ãã
ä¾
const select = document.getElementById("mySelect");
const errorMessage = select.validationMessage;
仿§æ¸
| Specification |
|---|
| HTML > # dom-cva-validationmessage-dev > |
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
<select>HTMLSelectElementHTMLSelectElement.willValidateHTMLSelectElement.validityHTMLSelectElement.checkValidity()HTMLSelectElement.reportValidity()HTMLSelectElement.setCustomValidity()- å¦ç¿: ã¯ã©ã¤ã¢ã³ãå´ãã©ã¼ã æ¤è¨¼
- ã¬ã¤ã: å¶ç´æ¤è¨¼
- CSS
:validããã³:invalidæ¬ä¼¼ã¯ã©ã¹