ใ“ใฎใƒšใƒผใ‚ธใฏใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใฎๅฐฝๅŠ›ใง่‹ฑ่ชžใ‹ใ‚‰็ฟป่จณใ•ใ‚Œใพใ—ใŸใ€‚MDN Web Docs ใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใƒผใซใคใ„ใฆใ‚‚ใฃใจ็Ÿฅใ‚Šใ€ไปฒ้–“ใซใชใ‚‹ใซใฏใ“ใกใ‚‰ใ‹ใ‚‰ใ€‚

View in English Always switch to English

HTMLInputElement: validity ใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃ

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ๆœˆโฉ.

validity ใฏ HTMLInputElement ใ‚คใƒณใ‚ฟใƒผใƒ•ใ‚งใ‚คใ‚นใฎ่ชญใฟๅ–ใ‚Šๅฐ‚็”จใƒ—ใƒญใƒ‘ใƒ†ใ‚ฃใงใ€ใ“ใฎ่ฆ็ด ใฎๆœ‰ๅŠน็Šถๆ…‹ใ‚’่กจใ™ ValidityState ใ‚ชใƒ–ใ‚ธใ‚งใ‚ฏใƒˆใ‚’่ฟ”ใ—ใพใ™ใ€‚

ๅ€ค

ValidityState ใ‚ชใƒ–ใ‚ธใ‚งใ‚ฏใƒˆใงใ™ใ€‚

ไพ‹

ๆฌกใฎไพ‹ใงใฏใ€้ธๆŠž่ฆ็ด ใฎๅฆฅๅฝ“ๆ€ง็Šถๆ…‹ใ‚’ๅ–ๅพ—ใ—ใ€ๅฆฅๅฝ“ใงใชใ„ๅ ดๅˆใฏๅ‡ฆ็†ใ—ใพใ™ใ€‚

js
const input = document.getElementById("myInput");
const validityState = input.validity;
if (!validityState.valid) {
  // ใใ‚Œใžใ‚Œใฎๅฆฅๅฝ“ๆ€ง็Šถๆ…‹ใ‚’ๆคœๆŸป
}

ไป•ๆง˜ๆ›ธ

Specification
HTML
# the-constraint-validation-api:dom-cva-validity

ใƒ–ใƒฉใ‚ฆใ‚ถใƒผใฎไบ’ๆ›ๆ€ง

้–ข้€ฃๆƒ…ๅ ฑ