送信ボタンの制御、その他

Question

現在バリデーションをしています。

やりたいこと
➀validation_click()のif文で全記入欄に何も入っていない時にクリックをしたら、それぞれの適したエラー文が出る、そこから記入欄に記入し、全て合っている時は送信ボタンを押せる
一つでも未記入＆間違っているものがあればボタンは押せない
➁エラーを１つ１つ出したい
例　お名前の欄からカーソルがそれた時、正しい名前が入っていればお名前のエラーはでない
正しくないものがはいった場合エラーがお名前の下に出る
その間、他の欄は記入していないため何も起きないようにする

詰まっていること
➀送信ボタンを条件によって止める方法がわからず、return falseやdisabledを使ってみましたが、何も入っていない時にボタンをクリックしたらエラーが出るが、その後の正誤判定ができず、return falseやdisabledをうまく使えなくて全部記入したのに押せなかったりと、よくわかりませんでした。
➁上記で述べたようにしたいのですが、お名前からカーソルが外れて、その値が間違っているとき、なぜか下の各欄のエラー文もでてしまいます。

どなたかご教授いただけると嬉しいです。

Comments

[m.ts10806]

起きてる問題とはおそらく無関係ですが
1234>
↑この1234はなんでしょうか。

[退会済みユーザー]

すみません、打ちミスです！
編集致します！

Answer 1

➀送信ボタンを条件によって止める方法がわからず、return falseやdisabledを使ってみましたが、何も入っていない時にボタンをクリックしたらエラーが出るが、その後の正誤判定ができず、return falseやdisabledをうまく使えなくて全部記入したのに押せなかったりと、よくわかりませんでした。

そもそも初期状態でボタンをdisabledにしておいて、どのバリデーションにもかからなかったときだけabledにすれば良いのでは？
HTML直でもそうですしバリデーションメソッド冒頭でもdisabledにしておけば良いと思います。

➁上記で述べたようにしたいのですが、お名前からカーソルが外れて、その値が間違っているとき、なぜか下の各欄のエラー文もでてしまいます。

「その値」じゃなくvalidation()では全項目バリデーションするようになっているから。

---

簡単にするなら個別でメソッドを作って呼ぶことですね。
気になるところは沢山ありますが・・・
if(checklist = []){　←代入してるだけだから必ず条件式満たす。
とか。

共通化できる処理もあると思うので（必須とか）
HTML構成も含めて（IDは重複不可とか）、作り直すつもりで整理してからコードに起こした方が良いと思います。

Comments

[退会済みユーザー]

ご指摘ありがとうございます。
実装できました。