formの複数条件の実装方法

Question

初心者です。質問させてください。

現在、お問い合わせフォームを作成しており、それぞれのフォームに条件を設定し、全てクリアすると、送信して画面を切り替える仕様にしようと考えております。

具体的には、メールアドレス、パスワードx2等、ありまして、
条件としては、
１、メールアドレスに＠が入っていない。
２、パスワードが８文字以下
３、パスワードが確認用と異なる。
これらに引っかかると、JQueryでテキストを追加する処理を実装していて、各々でのif分は書けているのですが、
これらを全てクリアしたら、という条件分岐の仕方がわかりません。通常のifでかけるのでしょうか。

よろしくお願いします。

Answer 1

関数にすると扱いやすいですよ。

function check_all() {
  if (メールアドレスに＠が入っていない) {
    return false;
  }
  if (パスワードが８文字以下) {
    return false;
  }
  if (パスワードが確認用と異なる) {
    return false;
  }
  return true;
}

if (check_all()) {
  // ok
} else {
  // ng
}

Answer 2

if(exclude@()){ 1.の条件
//do something
}
if(shortPassword()){ 2.の条件
//...
}
if(adminIncorrect()){ 3.の条件
//...
}

のような感じでしょうか。だとしたら、
フラグを作ってしまうのが一番簡単な気がします。

var pass = true;

if(exclude@()){
    pass=false;
//do something
}
if(shortPassword()){
    pass=false;
//do something
}
if(adminIncorrect()){
    pass=false;
//do something
}

if(pass){
//go to next page
}

この書き方はあまりお勧めしませんが（ヒューマンエラーを起こしかねない）、
初心者のうちは、これでもいいかと思います。（私もまだ未熟ではありますが）

Comments

[hurousyotoku500]

ありがとうございます。見えてきました。