From fac043e3e5161039e2c9cdae808ee2e7916596f3 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 12 Dec 2021 10:48:54 +0900 Subject: 2021/10/13 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/api/validitystate/rangeoverflow/index.md | 39 ++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 files/ja/web/api/validitystate/rangeoverflow/index.md (limited to 'files/ja/web/api/validitystate/rangeoverflow') diff --git a/files/ja/web/api/validitystate/rangeoverflow/index.md b/files/ja/web/api/validitystate/rangeoverflow/index.md new file mode 100644 index 0000000000..e62425dce1 --- /dev/null +++ b/files/ja/web/api/validitystate/rangeoverflow/index.md @@ -0,0 +1,39 @@ +--- +title: ValidityState.rangeOverflow +slug: Web/API/ValidityState/rangeOverflow +tags: + - API + - 制約検証 API + - DOM + - プロパティ + - リファレンス +browser-compat: api.ValidityState.rangeOverflow +translation_of: Web/API/ValidityState/rangeOverflow +--- +**`rangeOverflow`** は **[`ValidityState`](/ja/docs/Web/API/ValidityState)** オブジェクトの読み取り専用プロパティで、 {{HTMLElement("input")}} の値がユーザーに変更された後、その要素の [`max`](/ja/docs/Web/HTML/Attributes/max) 属性に設定された制約に適合しないことを示します。 + +フィールドが数値の性質を持つ場合、例えば {{HTMLElement("input/date", "date")}}, {{HTMLElement("input/month", "month")}}, {{HTMLElement("input/week", "week")}}, {{HTMLElement("input/time", "time")}}, {{HTMLElement("input/datetime-local", "datetime-local")}}, {{HTMLElement("input/number", "number")}}, {{HTMLElement("input/range", "range")}} の何れかの型であり、 `max` が設定されており、値が [`max`](/ja/docs/Web/HTML/Attributes/step) の値に設定された制約に適合しない場合、 `rangeOverflow` プロパティが true になります。 + +次のようになっていたとします。 + +```html + +``` + +`value > 40` であれば、 `rangeOverflow` は true になります。 `true` の場合、その要素は CSS の {{cssxref(":invalid")}} および {{cssxref(":out-of-range")}} 擬似クラスに一致します。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- {{domxref("ValidityState.rangeUnderflow")}} +- [制約検証](/ja/docs/Web/Guide/HTML/Constraint_validation) +- [フォーム: データフォームの検証](/ja/docs/Learn/Forms/Form_validation) +- [`step` 属性](/ja/docs/Web/HTML/Attributes/step) +- [`min` 属性](/ja/docs/Web/HTML/Attributes/min) -- cgit v1.2.3-54-g00ecf