From 008d0eea3bd5299c9058febaaf9a8000249f6e8c Mon Sep 17 00:00:00 2001
From: Masahiro FUJIMOTO <mfujimot@gmail.com>
Date: Sat, 5 Feb 2022 22:42:25 +0900
Subject: 2021/12/13 時点の英語版に基づき新規翻訳
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../htmlinputelement/setcustomvalidity/index.md    | 77 ++++++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 files/ja/web/api/htmlinputelement/setcustomvalidity/index.md

(limited to 'files')

diff --git a/files/ja/web/api/htmlinputelement/setcustomvalidity/index.md b/files/ja/web/api/htmlinputelement/setcustomvalidity/index.md
new file mode 100644
index 0000000000..113c0f8b49
--- /dev/null
+++ b/files/ja/web/api/htmlinputelement/setcustomvalidity/index.md
@@ -0,0 +1,77 @@
+---
+title: HTMLInputElement.setCustomValidity()
+slug: Web/API/HTMLInputElement/setCustomValidity
+tags:
+  - API
+  - HTML DOM
+  - HTMLInputElement
+  - メソッド
+  - NeedsExample
+  - リファレンス
+  - setCustomValidity
+  - setCustomValidity()
+browser-compat: api.HTMLObjectElement.setCustomValidity
+translation_of: Web/API/HTMLInputElement/setCustomValidity
+---
+{{APIRef("HTML DOM")}}
+
+**`HTMLInputElement.setCustomValidity()`** メソッドは、その要素にカスタム検証メッセージを設定します。
+
+## 構文
+
+```js
+element.setCustomValidity(message);
+```
+
+### 引数
+
+- `message`
+  - : 検証エラーに使用するメッセージです。
+
+### 返値
+
+{{jsxref('undefined')}}
+
+### 例外
+
+なし。
+
+## 例
+
+この例では、 input 要素の ID を渡し、値が不足しているか、低すぎるか、高すぎるかによって、異なるエラーメッセージを設定します。さらに、同じ要素で [`reportValidity()`](/ja/docs/Web/API/HTMLInputElement/reportValidity) メソッドを呼び出す必要があります。そうしないと何も起こりません。
+
+```js
+function validate(inputID) {
+  const input = document.getElementById(inputID);
+  const validityState = input.validity;
+
+  if (validityState.valueMissing) {
+    input.setCustomValidity('You gotta fill this out, yo!');
+  } else if (validityState.rangeUnderflow) {
+    input.setCustomValidity('We need a higher number!');
+  } else if (validityState.rangeOverflow) {
+    input.setCustomValidity('Thats too high!');
+  } else {
+    input.setCustomValidity('');
+  }
+
+  input.reportValidity();
+}
+```
+
+エラーがない場合は、メッセージを空文字列に設定することが重要です。エラーメッセージが空でない限り、フォームは検証を通過せず、送信されません。
+
+## 仕様書
+
+{{Specifications}}
+
+## ブラウザーの互換性
+
+{{Compat}}
+
+## 関連情報
+
+- [学習: クライアント側フォーム検証](/ja/docs/Learn/Forms/Form_validation)
+- [ガイド: 制約検証](/ja/docs/Web/Guide/HTML/Constraint_validation)
+- [制約検証 API](/ja/docs/Web/API/Constraint_validation)
+- {{domxref('ValidityState')}}
-- 
cgit v1.2.3-54-g00ecf