HTMLOutputElement: validity プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2016年8月以降、すべてのブラウザーで利用可能です。
validity は HTMLOutputElement インターフェイスの読み取り専用プロパティで、この要素が現在置かれている検証状態を表す ValidityState オブジェクトを返します<output> 要素は制約検証の対象となることはありませんが、独自の有効性メッセージが設定されている場合、検証状態が「無効な状態」となる可能性があります。
値
ValidityState オブジェクトです。
例
次の例は、customError が設定されている場合、<output> が無効な状態にあることを示しています。この状態では、checkValidity() は true を返しますが、validityState の validity プロパティは false となります。
js
const output = document.getElementById("myOutput");
output.setCustomValidity("この object 要素は無効です。");
const validityState = output.validity;
console.log(validityState.valid); // false
console.log(validityState.customError); // true
console.log(output.checkValidity()); // true
仕様書
| 仕様書 |
|---|
| HTML # the-constraint-validation-api:dom-cva-validity |