やりたいこと
「入力チェックjsが通ったら表示切り替えjsの処理が実行されるようにしたい。」
現在は同時に動いてしまっていて、
当たり前ですが以下のようになっているため
入力チェックに引っかかっても画面切り替えの処理が動いています。
入力チェックで引っかかった場合は画面切り替えの処理が実行されないようにしたいのですが、
どのようにしたら良いのでしょうか?
お手数ですが、ご教示お願いします。
js
1 // 入力内容チェック 2 function input_check(){ 3 var result = true; 4 // エラー用装飾のためのクラスリセット 5 $('#person_name_check').removeClass("inp_error"); 6 // 入力エラー文をリセット 7 $("#person_name_check_error").empty(); 8 // 入力内容セット 9 var person_name_check = $("#person_name_check").val(); 10 // 入力内容チェック 11 // person_name 12 if(person_name_check == ""){ 13 $("#person_name_check_error").html("<i class='fa fa-exclamation-circle'></i> お名前は必須です。"); 14 $("#person_name_check").addClass("inp_error"); 15 result = false; 16 } 17 return result; 18} 19//画面切り替え 20$(function(){ 21 $('button').on('click',function(){ 22 switch($(this).text()){ 23 case "確認画面": 24 case "もどる": 25 $('.form-area:eq(0),.form-area:eq(1)').toggleClass("active"); 26 break; 27 case "送信": 28 $('.form-area:eq(1),.form-area:eq(2)').toggleClass("active"); 29 break; 30 case "フォーム入力に戻る": 31 $('.form-area:eq(0),.form-area:eq(2)').toggleClass("active"); 32 break; 33 } 34 }); 35});
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/07 02:14