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 --- files/ja/web/api/validitystate/badinput/index.md | 65 ++++++++---------------- 1 file changed, 20 insertions(+), 45 deletions(-) (limited to 'files/ja/web/api/validitystate/badinput') diff --git a/files/ja/web/api/validitystate/badinput/index.md b/files/ja/web/api/validitystate/badinput/index.md index cefc7f140f..ab9a72d8ca 100644 --- a/files/ja/web/api/validitystate/badinput/index.md +++ b/files/ja/web/api/validitystate/badinput/index.md @@ -3,66 +3,41 @@ title: ValidityState.badInput slug: Web/API/ValidityState/badInput tags: - API - - Constraints API + - 制約検証 API - HTML DOM - - Property - - Read-only + - プロパティ + - 読み取り専用 - ValidityState translation_of: Web/API/ValidityState/badInput --- -

{{APIRef("HTML DOM")}}

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

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

+**`badInput`** は [ValidityState](/ja/docs/Web/API/ValidityState) オブジェクトの読み取り専用のプロパティで、ブラウザーが変換できない入力をユーザーが行ったかどうかを示します。例えば、数値の入力欄に文字列がある場合です。 -

+## 例 -
<input type="number" id="age">
+```html + +``` -
var input = document.getElementById("age");
+```js
+var input = document.getElementById("age");
 if (input.validity.badInput) {
   console.log("Bad input detected…");
 } else {
-  console.log("Content of input ok.");
+  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')}} の最初のスナップショット
+{{Specifications}} -

ブラウザー実装状況

+## ブラウザーの互換性 +{{Compat}} +## 関連情報 -

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

- -

関連情報

- - +- [ガイド: 制約検証](/ja/docs/Web/Guide/HTML/Constraint_validation) +- [チュートリアル: フォームデータの検証](/ja/docs/Learn/Forms/Form_validation) -- cgit v1.2.3-54-g00ecf