HTMLTextAreaElement: checkValidity() ã¡ã½ãã
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2015å¹´7æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
checkValidity() 㯠HTMLTextAreaElement ã¤ã³ã¿ã¼ãã§ã¤ã¹ã®ã¡ã½ããã§ããã®è¦ç´ ãé©ç¨ãããå¶ç´æ¤è¨¼ã«ã¼ã«ãæºããã¦ãããã©ããã示ãè«çå¤ãè¿ãã¾ããfalse ã®å ´åã¯ãã¡ã½ããã¯è¦ç´ ä¸ã§ invalid ã¤ãã³ããçºè¡ãã¾ããcheckValidity() ã«ã¯æ¢å®ã§ãã©ã¦ã¶ã¼ã®åä½ãè¨å®ããã¦ããªãããããã® invalid ã¤ãã³ãããã£ã³ã»ã«ãã¦ã广ã¯ããã¾ããã
ã¡ã¢:
HTML ã® <textarea> è¦ç´ ã§ãvalidationMessage ã null 以å¤ã®å¤ãæã¤ãã®ã¯ä¸æ£ãªãã®ã¨è¦ãªãããCSS ã® :invalid æ¬ä¼¼ã¯ã©ã¹ã«ä¸è´ããcheckValidity() ã false ãè¿ãããã«ãªãã¾ãã HTMLTextAreaElement.setCustomValidity() ã¡ã½ããã使ç¨ãã¦ãHTMLTextAreaElement.validationMessage ã空æååã«è¨å®ããã¨ãvalidity ç¶æ
ã妥å½ã¨ãªãã¾ãã
æ§æ
checkValidity()
弿°
ãªãã
è¿å¤
è¦ç´ ã®å¤ã«å¦¥å½æ§ã®åé¡ããªããã° true ãè¿ããããã§ãªããã° false ãè¿ãã¾ãã
ä¾
次ã®ä¾ã§ã¯ã checkValidity() ãå¼ã³åºã㨠true ã¾ã㯠false ãè¿ããã¾ãã
const element = document.getElementById("myTextArea");
console.log(element.checkValidity());
仿§æ¸
| 仿§æ¸ |
|---|
| HTML > # dom-cva-checkvalidity-dev > |
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
HTMLTextAreaElement.reportValidity()<textarea><form>- å¦ç¿: ã¯ã©ã¤ã¢ã³ãå´ãã©ã¼ã æ¤è¨¼
- ã¬ã¤ã: å¶ç´æ¤è¨¼
- CSS ã®
:validããã³:invalidæ¬ä¼¼ã¯ã©ã¹