### [単一行テキストフィールドにリアルタイムのキーワードブロックリストを追加する](https://wpforms.com/developers/add-a-real-time-keyword-blocklist-to-a-single-line-text-field/) **公開日:** 2025年12月11日 **著者:** Umair Majeed **抜粋:** 単一行テキストフィールドにリアルタイムのキーワードブロックリストを追加する方法を学びます。 **本文:** ユーザーがフォームを送信する前に、単一行テキストフィールドで特定の単語をブロックしたいですか？デフォルトでは、WPFormsのスパム保護はフォーム送信時に実行されます。簡単なJavaScriptスニペットを使用すると、制限された単語が入力されるとすぐにエラーメッセージを表示するリアルタイムのキーワードブロックリストを追加できます。 このチュートリアルでは、`wpforms_wp_footer_end`とjQuery Validateを使用して、入力マスクと同様に機能するクライアントサイドのキーワード検証を追加する方法を説明します。 --- ## フォームの作成 まず、フォームを作成し、キーワードブロックリストで保護したい単一行テキストフィールドを追加します。必要に応じて、フォームに必要な他のフィールドを追加することもできます。 この手順でヘルプが必要な場合は、WPFormsで最初のフォームを作成する方法に関するガイドを参照してください。 以下の点に注意してください。 - **フォームID** - 検証したい単一行テキストフィールドの**フィールドID** これらの値は、以下のスニペットを設定する際に必要になります。 ## コードスニペットの追加 リアルタイムのキーワードブロックリストを追加するには、次のスニペットを使用します。この例では、`wpforms_wp_footer_end`アクションを使用して、サイトのフッターに小さなJavaScriptブロックを出力します。 カスタムコードの追加にヘルプが必要な場合は、[WPFormsにカスタムPHPまたはJavaScriptを追加する方法](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/)に関するチュートリアルを参照してください。 このコードを追加して保存したら、フロントエンドでフォームが表示されているページにアクセスし、ブロックされた単語のいずれかを入力して**単一行テキスト**フィールドをテストしてください。 フォームを送信しなくても、制限されたキーワードが検出されるとすぐに、フィールドの下に赤い検証メッセージが表示されるはずです。 ## スニペットのカスタマイズ この例をフォームに合わせて調整するには、スクリーンショットの行番号を使用して、スクリプトの上部にある設定セクションを編集します。 - **フォームID** **14行目:** `var targetFormID = 100; // Replace with your Form ID` `100`を、単一行テキストフィールドが含まれるフォームのIDに置き換えてください。 - **フィールドID** **15行目:** `var targetFieldID = 1; // Replace with your Field ID` `1`を、キーワードブロックリストを使用する単一行テキストフィールドのIDに置き換えてください。 - **ブロックされたキーワード** **16行目:** `var blockedWords = ['badword', 'spam', 'unwanted']; // List of keywords to block` 例の単語を、ブロックしたいキーワードのリストに置き換えてください。必要に応じて、配列に項目を追加または削除できます。 - **エラーメッセージ** **17行目:** `var customError = 'This content contains restricted keywords.';` 制限されたキーワードが検出されたときにフィールドの下に表示されるメッセージを変更するには、引用符内のテキストを更新します。 ## よくある質問 以下に、このカスタムキーワードフィルターの使用に関するトップの質問に回答します。 #### スパム保護とセキュリティの組み込みキーワードフィルターとどう違うのですか？ 組み込みキーワードフィルターは、**設定 » スパム保護とセキュリティ**の下で設定され、フォーム送信時にサイト上のすべてのフォームとフィールドに適用されます。このスニペットは、1つのフォームの1つの特定の単一行テキストフィールドのみを対象とし、ユーザーが入力中に即座にエラーメッセージを表示します。 標準のキーワードフィルターは、すべてのフォームで禁止語をブロックする主な方法であり、JavaScriptが無効になっていても送信時に実行されます。 このスニペットは、即時のフィードバックが必要な重要なフィールドに対して、追加のリアルタイムチェックとして使用するのが最適です。 詳細については、[スパムフィルター](https://wpforms.com/docs/adding-spam-filters/)に関するドキュメントを確認してください。 これで、カスタムJavaScript検証ルールを使用して、単一行テキストフィールドにリアルタイムのキーワードブロックリストを追加する方法を学びました。 フォームフィールドに基づいて、フォームの**送信**ボタンを条件付きで表示または非表示にしたいですか？[送信ボタンを条件付きで表示する方法](https://wpforms.com/developers/how-to-conditionally-show-the-submit-button/)に関するチュートリアルを確認してください。 ## 参照アクション [wpforms\_wp\_footer\_end](https://wpforms.com/developers/wpforms_wp_footer/) **カテゴリ:** チュートリアル、フィールド ---