### [検証エラーメッセージを無効にする方法](https://wpforms.com/developers/how-to-disable-validation-error-messages/)
**公開日:** 2023年8月15日
**著者:** エディトリアルチーム
**抜粋:** このチュートリアルでは、CSSを使用して、すべてのWPFormsまたは単一のフォームの検証エラーメッセージを無効にする方法を説明します。
**コンテンツ:**
## 概要
検証エラーメッセージを無効にしたいが、エラーの視覚的な表現は維持したいですか？
デフォルトでは、フォームでフィールドの検証に失敗すると、フィールドの周りに境界線が表示され、検証の失敗を説明するアイコン付きのテキストも表示されます。これらの検証チェックのテキストは、WPFormsの設定内で簡単に変更できます。このテキストを変更する方法については、[こちらの役立つガイド](https://wpforms.com/docs/customize-wpforms-validation-messages/ "検証メッセージの変更")をご覧ください。
簡単なCSSスニペットを使用すると、必須フィールドが入力されていない場合に表示されるテキストとアイコンを簡単に非表示にしながら、フィールドが赤くハイライトされてエラーの視覚的な表現を提供することができます。このチュートリアルでは、これらのメッセージを無効にするために必要なCSSを示します。
## スニペットの追加
このエラーテキストを無効にするには、このCSSスニペットをコピーしてサイトに貼り付けるだけです。
サイトにCSSスニペットを追加する方法と場所がわからない場合は、[こちらの役立つガイド](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ "WPFormsのカスタムCSSスタイルの追加方法")をご覧ください。
```
/* 検証エラーメッセージを無効にする */
/* @link https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ */
.wpforms-field-required ~ em, input.wpforms-error ~ em {
display: none !important;
}
.wpforms-field-required ~ em, input.wpforms-error ~ em {
display: none !important;
}
```
このCSSは、すべてのフォームのWPForms内のすべての検証エラーメッセージを無効にします。フィールドの周りには、フォームが送信されなかった理由を示す視覚的なガイドとして赤い境界線が表示されますが、エラーメッセージとアイコンは表示されなくなります。
1つのフォームのみを対象としたい場合は、このCSSを使用します。
```
/* 検証エラーメッセージを無効にする */
/* @link https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/ */
.wpforms-field-required ~ em, input.wpforms-error ~ em {
display: none !important;
}
form#wpforms-form-3602 .wpforms-field-required ~ em, form#wpforms-form-3602 input.wpforms-error ~ em {
display: none;
}
```
CSSの**-3602**を自分のフォームIDに合わせて変更するだけです。フォームIDの見つけ方がわからない場合は、[こちらのチュートリアル](https://wpforms.com/developers/how-to-locate-form-id-and-field-id/ "フォームIDとフィールドIDの特定方法")をご覧ください。
これで、検証エラーメッセージを無効にするために必要なすべてが揃いました！フォームに表示される必須フィールドアイコンも変更したいですか？[必須フィールドインジケータの変更方法](https://wpforms.com/developers/how-to-change-the-required-field-indicator/ "必須フィールドインジケータの変更方法")に関するチュートリアルをご覧ください。
**カテゴリ:** スニペット
**タグ:** CSS
---