Skip to content

Commit

Permalink
2024/08/31 時点の英語版に基づき更新
Browse files Browse the repository at this point in the history
  • Loading branch information
mfuji09 committed Oct 20, 2024
1 parent 62f05c2 commit d42fc0a
Showing 1 changed file with 21 additions and 4 deletions.
25 changes: 21 additions & 4 deletions files/ja/web/api/htmlselectelement/checkvalidity/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,15 @@ title: "HTMLSelectElement: checkValidity() メソッド"
short-title: checkValidity()
slug: Web/API/HTMLSelectElement/checkValidity
l10n:
sourceCommit: 58269be5547b2e0b5b6f53a4c6eff6b13dfdf9bd
sourceCommit: 89d17a618d9a09519b1a667ecab74c4c40515e8f
---

{{ APIRef("HTML DOM") }}
{{APIRef("HTML DOM")}}

**`HTMLSelectElement.checkValidity()`** メソッドは、その要素に制約が設定されているかどうか、それを満足しているかどうかをチェックします。その要素が制約を満たしていない場合、ブラウザーはキャンセル可能な {{domxref("HTMLSelectElement/invalid_event", "invalid")}} イベントをその要素に送り、`false` を返します。
**`checkValidity()`** は {{domxref("HTMLSelectElement")}} インターフェイスのメソッドで、その要素が適用された[制約検証](/ja/docs/Web/HTML/Constraint_validation)ルールを満たしているかどうかを示す論理値を返します。false の場合は、メソッドは要素上で {{domxref("HTMLElement/invalid_event", "invalid")}} イベントも発行します。`checkValidity()` には既定でブラウザーの動作が設定されていないため、この `invalid` イベントをキャンセルしても効果はありません。

> [!NOTE]
> HTML の {{htmlelement("select")}} 要素で、{{domxref("HTMLSelectElement.validationMessage", "validationMessage")}} が null 以外の値を持つものは不正なものと見なされ、CSS の {{cssxref(":invalid")}} 擬似クラスに一致し、`checkValidity()` が false を返すようになります。 {{domxref("HTMLSelectElement.setCustomValidity()")}} メソッドを使用して、{{domxref("HTMLSelectElement.validationMessage")}} を空文字列に設定すると、{{domxref("HTMLSelectElement.validity", "validity")}} 状態が妥当となります。
## 構文

Expand All @@ -24,6 +27,15 @@ checkValidity()

要素の値に妥当性の問題がなければ `true` を返し、そうでなければ `false` を返します。

##

次の例では、`checkValidity()` を呼び出すと `true` または `false` が返ります。

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

## 仕様書

{{Specifications}}
Expand All @@ -34,4 +46,9 @@ checkValidity()

## 関連情報

- [フォームの検証](/ja/docs/Web/HTML/Constraint_validation)
- {{domxref("HTMLTextAreaElement.reportValidity()")}}
- {{HTMLElement("textarea")}}
- {{HTMLElement("form")}}
- [学習: クライアント側フォーム検証](/ja/docs/Learn/Forms/Form_validation)
- [ガイド: 制約検証](/ja/docs/Web/HTML/Constraint_validation)
- CSS {{cssxref(":valid")}} および {{cssxref(":invalid")}} 擬似クラス

0 comments on commit d42fc0a

Please sign in to comment.