Ajaxで複数の項目に文字を入力し、javascriptで制御する

質問

Ajaxを使い、複数の項目に入力された文字が大丈夫なら「ＯＫ」と表示させ、javascriptですべての項目が「ＯＫ」だった場合のみ「次へ」ボタンを押すと飛ばすようにしたいのですが、どうしたらいいのですか？
ここで、どれか一つの項目でも「ＯＫ以外」だった場合、「次へ」ボタンは押させなくしたいのですが
誰か教えてもらえますか？
お願いします。

例
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
名前　　　○○○○　　OK
メール　　○○○○　　OK
電話　　　○○○○　　OK

[次へ]
次へが押せる。
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

名前　　　○○○○　　日本語で入力してください
メール　　○○○○　　OK
電話　　　○○○○　　OK

[次へ]
次へが押せない

回答No.2

yambejp

これってajaxは特に関係ないですよね？
最初に次へボタンをdisabledにしておき
javascriptで入力欄をonKeydownあたりで監視して、
不正なデータがなくなったらdisabledを解除すればよいでしょう

お礼

yambejpさん
回答ありがとうございます。
確かにAjaxを使わなくてもできると思いますが、Ajaxの使用が義務付けられていますしたので orz

回答No.1

msz1124

Ajaxが使えるのであれば、全てがＯＫの時にのみ押せるボタンと表示を入れ換えるのはどうでしょうか。
例の様に「ＯＫ」と「日本語で入力してください」を入れ換えられるのであれば、特に問題はないように思います。

補足

msz1124さん

すみません。Ajaxはかじったばかりでよくわからないのです。
確かに「日本語を入力してください」から「ＯＫ」へと、リアルタイム変更はできるんですが、すべてがＯＫの時のみボタンが押せるというやり方がわからないのです。よかったら、その方法を教えてはもらえないですか？