概要
jQueryを使用してフォームの必須項目が未入力の場合に、送信ボタンを非活性化する処理を紹介。用途
- メールフォームで必須項目の入力有無で送信ボタンを活性⇔非活性にするバリデーションを実装。
内容
- 対象のフォームパーツに入力値があるかないかで判定する。
- 入力値の内容の判定（英数小文字判定など）は行わない。
仕様
- 送信ボタンには.js-sendを付与する。
- 入力値の有無を判定する対象のフォームパーツはrequiredを付与する。
- jQuery バージョン3.6.0使用。
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
