こんばんは、認証画面を作成する勉強をしています。
入力チェックするfunctionは作成したのですが、入れ子にしてもajax通信が発生してしまい、
入力が空のときエラーメッセージを出力する、通信を発生させないという2つの課題がなかなか解決できません。
こちらが意図したエラー時にclickイベントを発生させないにはどうしたら良いのでしょうか??
よろしくお願いいたします
// 入力内容チェックのための関数 function input_check(){ var check = true; // 入力エラー文をリセット $("#mailAddressError").empty(); $("#passWordError").empty(); // 入力内容セット var mailaddress = $("#mail_address").val(); var password = $("#password").val(); // 入力内容チェック // メールアドレス if(mailaddress == ""){ $("#mailAddressError").html("メールアドレスを入力してください。"); check = false; } if(password == ""){ $("#passWordError").html("パスワードを入力してください。"); check = false; } return check; } // 入力内容送信 $(function(){ $("#request").click(function(){ var JSONdata = { mail_address: $("#mail_address").val(), password: $("#password").val() }; $.ajax({ type : 'post', url : 'hogehoge', data : JSON.stringify(JSONdata), contentType: 'application/JSON', dataType : 'JSON', scriptCharset: 'utf-8', }) // トップページへ遷移 .done(function(result) { location.href = '../html/hogehoge.html'; // サーバーエラーメッセージ表示 }) .fail(function(result) { $('#error_message').html(""); $('<section id="error_message">' + '<p>' + result.responseJSON.mistake + '</p>'+ '</section>' ).appendTo('#error_message') }); }) })
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/05/22 15:24
2017/05/22 17:43
退会済みユーザー
2017/05/23 13:54