1. ウェブ
  2. Web API
  3. HTMLButtonElement
  4. validity

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTMLButtonElement: validity プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

validity は HTMLButtonElement インターフェイスの読み取り専用プロパティで、この要素の有効状態を表す ValidityState オブジェクトを返します。

値

ValidityState オブジェクトです。

例

次の例は、 <button> に customError が設定されている場合、不正な状態にあることを示しています。この状態では、validityState の validity プロパティは false ですが、checkValidity() は、ボタンの type が "submit" でない場合、制約検証の対象ではないため、true を返します。

js
const button = document.getElementById("myButton");
button.setCustomValidity("This button is invalid.");
const validityState = button.validity;
console.log(validityState.valid); // false
console.log(validityState.customError); // true
console.log(button.checkValidity()); // ボタンの種類が "submit" の場合は false、そうでなければ true

仕様書

仕様書
HTML
# the-constraint-validation-api:dom-cva-validity

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告