### [WPFormsのNumber Sliderフィールドに検証を追加する（シングルページおよびマルチページフォーム）](https://wpforms.com/developers/adding-validation-to-the-number-slider-field-single-page-and-multi-page-forms/) **公開日:** 2025年9月8日 **著者:** Umair Majeed **内容:** Number Sliderフィールドに値を必須にしたいですか？または、最小値が選択されるまでユーザーが次のページに進むのを阻止したいですか？Number Sliderには必須オプションが含まれていませんが、カスタム検証を追加できます。 このチュートリアルでは、シングルページフォームのサーバーサイド検証と、有効な値が選択されるまでページ遷移をブロックするマルチページフォームのクライアントサイド検証について説明します。 コードの追加にヘルプが必要な場合は、[カスタムPHPスニペットの追加](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/)に関するチュートリアルをご覧ください。 ## サーバーサイド：送信時に検証（シングルページフォームに最適） このスニペットは、送信後にスライダーの値をチェックするために`wpforms_process_validate_number-slider`アクションを使用します。送信された値が`0`（またはしきい値未満）の場合、フィールドエラーを追加し、エントリの保存を防ぎます。 この検証は、フォーム全体が送信された後に実行されます。マルチページフォームでは、これは最後の送信後にのみエラーが表示されます。ページ間の移動はブロックされません。 ## クライアントサイド：ページ遷移をブロック（マルチページフォームに最適） マルチページフォームの場合、フォームが次のページに進む前にブラウザで検証します。このスニペットは、`wpformsBeforePageChange`イベントをリッスンし、スライダーの値が最小値未満の場合にページ遷移を停止する小さなスクリプトを出力します。 以上です。これで、シングルおよびマルチページフォームのNumber Sliderフィールドを検証する方法がわかりました。 **カテゴリ:** チュートリアル、フィールド ---