数値スライダーフィールドにバリデーションを追加する (単一ページと複数ページのフォーム)

数値スライダーフィールドの値を必須にしたい、または最小値が選択されるまでユーザーが次のページに移動しないようにしたいですか?ナンバースライダーには必須オプションはありませんが、カスタムバリデーションを追加することができます。

このチュートリアルでは、単一ページのフォームに対するサーバーサイドバリデーションと、複数ページのフォームに対するクライアントサイドバリデーションについて説明します。

コードの追加にお困りの場合は、カスタムPHPスニペットの追加に関するチュートリアルをご覧ください。

サーバーサイド:送信時に検証する (単一ページのフォームに最適)

このスニペットでは wpforms_process_validate_number-slider アクションを使用して、送信後にスライダーの値をチェックします。送信された値が 0 (またはしきい値以下)の場合、フィールドエラーが追加され、エントリーが保存されない。

このバリデーションはフォーム全体が送信された後に実行されます。複数ページのフォームでは、最後の送信後にのみエラーが表示されます。ページ間の移動はブロックされません。

クライアントサイド:ブロックページ変更 (複数ページのフォームに最適)

複数ページのフォームでは、フォームが次のページに移動する前にブラウザでバリデーションを行います。このスニペットは、小さなスクリプトを出力します。 wpformsBeforePageChange イベントを発生させ、スライダーの値が最小値を下回った場合にページ変更を停止します。

以上です。これで、単一ページと複数ページのフォームでナンバースライダー・フィールドを検証する方法がわかりました。