From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/validitystate/badinput/index.html | 68 ++++++++++++++++++ files/ja/web/api/validitystate/index.html | 84 ++++++++++++++++++++++ files/ja/web/api/validitystate/toolong/index.html | 55 ++++++++++++++ 3 files changed, 207 insertions(+) create mode 100644 files/ja/web/api/validitystate/badinput/index.html create mode 100644 files/ja/web/api/validitystate/index.html create mode 100644 files/ja/web/api/validitystate/toolong/index.html (limited to 'files/ja/web/api/validitystate') diff --git a/files/ja/web/api/validitystate/badinput/index.html b/files/ja/web/api/validitystate/badinput/index.html new file mode 100644 index 0000000000..cefc7f140f --- /dev/null +++ b/files/ja/web/api/validitystate/badinput/index.html @@ -0,0 +1,68 @@ +--- +title: ValidityState.badInput +slug: Web/API/ValidityState/badInput +tags: + - API + - Constraints API + - HTML DOM + - Property + - Read-only + - ValidityState +translation_of: Web/API/ValidityState/badInput +--- +

{{APIRef("HTML DOM")}}

+ +

読み取り専用のプロパティ ValidityState.badInput は、ブラウザが変換できない入力をユーザーが行ったかどうかを示します。例えば、数値の入力欄に文字列がある場合です。
+ 注: Internet Explorer はこれをサポートしていませんが、たとえば数値入力欄では、数値ではない値は無視されるので問題ありません。

+ +

例

+ +
<input type="number" id="age">
+ +
var input = document.getElementById("age");
+if (input.validity.badInput) {
+  console.log("Bad input detected…");
+} else {
+  console.log("Content of input ok.");
+}
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + + + + +
仕様書策定状況コメント
{{ SpecName('HTML WHATWG', 'constraints.html#dom-validitystate-badinput', 'ValidityState.badInput') }}{{Spec2('HTML WHATWG')}}現行の標準
{{ SpecName('HTML5.1', '#dom-validitystate-badinput', 'ValidityState.badInput') }}{{Spec2('HTML5.1')}}前回のスナップショット {{SpecName('HTML5 W3C')}} から変更なし
{{ SpecName('HTML5 W3C', 'forms.html#dom-validitystate-badinput', 'ValidityState.badInput') }}{{Spec2('HTML5 W3C')}}このインターフェイスを含む {{SpecName('HTML WHATWG')}} の最初のスナップショット
+ +

ブラウザー実装状況

+ + + +

{{Compat("api.ValidityState.badInput")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/validitystate/index.html b/files/ja/web/api/validitystate/index.html new file mode 100644 index 0000000000..40f512e57e --- /dev/null +++ b/files/ja/web/api/validitystate/index.html @@ -0,0 +1,84 @@ +--- +title: ValidityState +slug: Web/API/ValidityState +tags: + - API + - Constraint Validation API + - Forms + - HTML DOM + - Interface +translation_of: Web/API/ValidityState +--- +
{{APIRef("HTML DOM")}} {{gecko_minversion_header("2.0")}}
+ +

ValidityState インターフェイスは、制約の検証に関して、要素が持つことになる妥当性の状態を表します。要素の値が不正な場合に、なぜ検証に失敗するのかを知る手がかりにもなります。

+ +

プロパティ

+ +

下記のプロパティはどれも真偽値を返します。true は指定された検証が失敗したことを表します。ただし valid プロパティの true だけは、要素の値が全ての制約に適合していることを表します。

+ +
+
{{domxref("ValidityState.badInput")}} {{ReadOnlyInline}}
+
入力値をブラウザが処理できないことを示す {{jsxref("Boolean")}} です。
+
{{domxref("ValidityState.customError")}} {{ReadOnlyInline}}
+
その要素のカスタム検証メッセージが、 setCustomValidity() メソッドによって空文字以外に設定されていることを示す {{jsxref("Boolean")}} です。
+
{{domxref("ValidityState.patternMismatch")}} {{ReadOnlyInline}}
+
値が、指定された {{htmlattrxref("pattern", "input")}} と一致しないことを示す {{jsxref("Boolean")}} です。
+
{{domxref("ValidityState.rangeOverflow")}} {{ReadOnlyInline}}
+
値が、 {{htmlattrxref("max", "input")}} 属性で指定された最大値を超えていることを示す {{jsxref("Boolean")}} です。
+
{{domxref("ValidityState.rangeUnderflow")}} {{ReadOnlyInline}}
+
値が、{{htmlattrxref("min", "input")}} 属性で指定された最小値を下回っていることを示す {{jsxref("Boolean")}} です。
+
{{domxref("ValidityState.stepMismatch")}} {{ReadOnlyInline}}
+
値が、{{htmlattrxref("step", "input")}} 属性で決められた規則に合わないことを示す {{jsxref("Boolean")}} です。(つまり、step の値で割り切れないことを表します)
+
{{domxref("ValidityState.tooLong")}} {{ReadOnlyInline}}
+
値が、{{domxref("HTMLInputElement")}} や {{domxref("HTMLTextAreaElement")}} オブジェクトの maxlength を超えていることを示す {{jsxref("Boolean")}} です。
+ 注: Gecko では maxlength より長い値はそもそも入力できないので、true になることは決してありません。
+
{{domxref("ValidityState.tooShort")}} {{ReadOnlyInline}}
+
値が、{{domxref("HTMLInputElement")}} や {{domxref("HTMLTextAreaElement")}} オブジェクトの minlength を下回っていることを示す {{jsxref("Boolean")}} です。
+
{{domxref("ValidityState.typeMismatch")}} {{ReadOnlyInline}}
+
値が、({{htmlattrxref("type", "input")}} が email や url の場合に)求められる構文規則に従っていないことを示す {{jsxref("Boolean")}} です。
+
{{domxref("ValidityState.valid")}} {{ReadOnlyInline}}
+
要素が全ての制約の検証に適合し、有効であることを示す {{jsxref("Boolean")}} です。
+
{{domxref("ValidityState.valueMissing")}} {{ReadOnlyInline}}
+
{{htmlattrxref("required", "input")}} 属性が指定されているのに要素の値がないことを示す {{jsxref("Boolean")}} です。
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + + + + +
仕様書策定状況コメント
{{ SpecName('HTML WHATWG', 'forms.html#the-constraint-validation-api', 'ValidityState') }}{{Spec2('HTML WHATWG')}}現行の標準
{{ SpecName('HTML5.1', '#the-constraint-validation-api', 'ValidityState') }}{{Spec2('HTML5.1')}}前回のスナップショット {{SpecName('HTML5 W3C')}} から変更なし
{{ SpecName('HTML5 W3C', 'forms.html#the-constraint-validation-api', 'ValidityState') }}{{Spec2('HTML5 W3C')}}このインターフェイスを含む {{SpecName('HTML WHATWG')}} の最初のスナップショット
+ +

ブラウザー実装状況

+ + + +

{{Compat("api.ValidityState")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/validitystate/toolong/index.html b/files/ja/web/api/validitystate/toolong/index.html new file mode 100644 index 0000000000..d306cdb9a9 --- /dev/null +++ b/files/ja/web/api/validitystate/toolong/index.html @@ -0,0 +1,55 @@ +--- +title: ValidityState.tooLong +slug: Web/API/ValidityState/tooLong +tags: + - API + - Constraint Validation API + - DOM + - Property + - Reference +translation_of: Web/API/ValidityState/tooLong +--- +

読み取り専用のプロパティ ValidityState.tooLong は、 + + +{{HTMLElement("input")}} や {{HTMLElement("textarea")}} の値が、ユーザーの編集によって、その要素の maxlength 属性で設定された最大コード単位長を超えているかどうかを示します。

+ +

仕様

+ + + + + + + + + + + + + + + + + + + + + + + + +
仕様書策定状況コメント
{{ SpecName('HTML WHATWG', 'constraints.html#dom-validitystate-toolong', 'ValidityState.tooLong') }}{{Spec2('HTML WHATWG')}} 
{{ SpecName('HTML5.1', '#dom-validitystate-toolong', 'ValidityState.tooLong') }}{{Spec2('HTML5.1')}} 
{{ SpecName('HTML5 W3C', 'forms.html#dom-validitystate-toolong', 'ValidityState.tooLong') }}{{Spec2('HTML5 W3C')}} 
+ +

ブラウザー実装状況

+ + + +

{{Compat("api.ValidityState.tooLong")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf