jQuery フォームで全ての項目の入力が確認できたらボタンをアクティブする

Question

input type各種、
textarea、
radio、
checkbox

すべての項目の入力が確認できたら「次へ」のボタンを押せるようにしたいと思っています。
jQueryで実装予定なのですがどういった方法が良いでしょうか？

Comments

[m.ts10806]

何が問題なのでしょうか。「予定通り」まずは組んでみてください。

[m.ts10806]

「何がいいか」というのは設計次第です。設計上の相談であればそのように書かれたほうが良いかと思いますが、そこは要件で決めるのは質問者さんなので、teratailで取り扱う内容とはちょっと違うように思います。

Answer 1

一つの要素を入力する毎に全入力要素のバリデートをして
エラーがなければ送信可能状態にします
バリデートは必ずしも値があればいいというわけではないので
一律にこうすればよいというものはありません。

逆に入力必須項目についてはrequiredとpatternを指定しておけば
送信しようとしても送信を中止してくれます

Answer 2

全ての入力要素についてchangeイベントを監視して、
全ての入力要素のvalueがnullでなくなった時点で、ボタンのdisabledをfalseにする
とかでしょうか。

追記
もっとよさそうな回答がありましたね。
全てのフォームが入力できたら送信ボタンがアクティブになる方法を教えてください。