処理が通ったら別の処理を実行したい

Question

やりたいこと
「入力チェックjsが通ったら表示切り替えjsの処理が実行されるようにしたい。」
現在は同時に動いてしまっていて、
当たり前ですが以下のようになっているため
入力チェックに引っかかっても画面切り替えの処理が動いています。
入力チェックで引っかかった場合は画面切り替えの処理が実行されないようにしたいのですが、
どのようにしたら良いのでしょうか？
お手数ですが、ご教示お願いします。

   // 入力内容チェック
   function input_check(){
   var result = true;
   // エラー用装飾のためのクラスリセット
   $('#person_name_check').removeClass("inp_error");
   // 入力エラー文をリセット
   $("#person_name_check_error").empty();
   // 入力内容セット
   var person_name_check = $("#person_name_check").val();
   // 入力内容チェック
   // person_name
   if(person_name_check == ""){
       $("#person_name_check_error").html("<i class='fa fa-exclamation-circle'></i> お名前は必須です。");
       $("#person_name_check").addClass("inp_error");
       result = false;
   }
   return result;
}
//画面切り替え
$(function(){
 $('button').on('click',function(){
   switch($(this).text()){
   case "確認画面":
   case "もどる":
     $('.form-area:eq(0),.form-area:eq(1)').toggleClass("active");
     break;
   case "送信":
     $('.form-area:eq(1),.form-area:eq(2)').toggleClass("active");
     break;
   case "フォーム入力に戻る":
     $('.form-area:eq(0),.form-area:eq(2)').toggleClass("active");
     break;
   }
 });
});

Answer 1

肝心のメールを送る仕組みが提示されていないのでなんとも言えませんが

1. ajaxでメール送信フォームに送信を指示し、戻り値をみて完了すれば「ありがとうございます」を表示
2. 単純にサブミットしてメール送信フォームに任せる

のどちらかではないでしょうか？

Comments

[MeB]

すみません。メールの処理はまだです…
質問を訂正しました。

Answer 2

$.whenとかですかね。callback関数でも出来ます。

参考: jQuery.when() で、複数の非同期処理を扱う

Answer 3

HTMLが掲示されていないので、なんとも言えないですが、
javascriptで制御するなら、
formの送信を、初期値は送信させないようにし、
（formのonclickにjavascriptスキーマを入れて止める、input type="submit"をdisabledにするetc...）
チェックが通ったら、送信を有効にする、のほうがうまくいく場合が多いです。

その際、チェック機構を、動くどうか厳重に確認しないと、送信不能のformになってしまいますが。