HTMLButtonElement: checkValidity() メソッド

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月.

checkValidity() は HTMLButtonElement インターフェイスのメソッドで、その要素が適用された制約検証ルールを満たしているかどうかを示す論理値を返します。false の場合は、メソッドは要素上で invalid イベントも発行します。checkValidity() には既定でブラウザーの動作が設定されていないため、この invalid イベントをキャンセルしても効果はありません。<button> 要素の type が "button" または "reset" である場合、そのボタンが制約検証になることはないので、常に true を返します。

メモ: HTML の <button> 要素で、validationMessage が null 以外の値を持つものは不正なものと見なされ、CSS の :invalid 擬似クラスに一致し、checkValidity() が false を返すようになります。 HTMLButtonElement.setCustomValidity() メソッドを使用して、HTMLButtonElement.validationMessage を空文字列に設定すると、validity 状態が妥当となります。

js
const element = document.getElementById("myButton");
console.log(element.checkValidity());

仕様書

Specification

HTML
# dom-cva-checkvalidity-dev

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 2025年4月12日 by MDN contributors.

View this page on GitHub • Report a problem with this content

HTMLButtonElement: checkValidity() メソッド

In this article

構文

引数

返値

例

仕様書

ブラウザーの互換性

関連情報

Help improve MDN