パスワード変更ページを作っています。
やりたいことは、パスワード変更ボタンを押した時に、サーバー側でパスワードのエラーチェックをし、エラーがあればその場で表示、エラーがなければ、別ページにリダイレクトさせて、変更しましたメッセージを表示させたいと思っています。
エラー表示または変更されましたメッセージはpass.php内では表示させることは出来るのですが、ajaxのコールバックの時に
$messが存在したらaccount.phpに飛ばして、成功メッセージ表示、$messが存在しなければその場でエラー表示といった判別ができません。
alert(data.mess)だとundefinedになります。
ajax内ではなくhtmlの方でリダイレクトさせた方がいいのでしょうか?
ご教示ください。
html
1<div class="contents-b"> 2 <div class="contents-main"> 3 4 <h2 style="color:red;"><?php print($mess); ?></h2> 5 6 <h3>パスワード変更</h3> 7 8 <div class="contents-table"> 9 <form method="post" id="myForm"> 10 <table class="fosize-12"> 11 12 <tbody> 13 <tr> 14 <th>現在のパスワード</th> 15 <td> 16 <p style="color:red;"><?php print($error_pass01); ?></p> 17 <input type="password" class="pass" value="<?php print($u_mail); ?>"> 18 </td> 19 </tr> 20 21 <tr> 22 <th>新しいパスワード</th> 23 <td> 24 <input type="password" class="newpass"> 25 <p style="color:red;"><?php print($error_pass02); ?></p> 26 <p>※6文字以上半角英数記号のみ(英数混合必須)</p> 27 </td> 28 </tr> 29 30 <tr> 31 <th>新しいパスワードを再入力</th> 32 <td> 33 <p style="color:red;"><?php print($error_pass03); ?></p> 34 <input type="password" class="passconf"> 35 </td> 36 </tr> 37 </tbody> 38 39 <tfoot> 40 <tr> 41 <td colspan=2> 42 <button type="button" class="change-pass-btn">変更する</button> 43 <p><a href="/passagains">パスワードを忘れた方はこちら</a></p> 44 </td> 45 </tr> 46 </tfoot> 47 48 </table> 49 </form> 50 </div><!--contents-table--> 51 52 53 </div><!--contents-b--> 54</div><!--contents-main-->
javascript
1//パスワード再設定(mypages/pass) 2$(document).on("click",".change-pass-btn",function(){ 3 4 var passWord = $(".pass"); 5 var nowPass = passWord.val(); 6 7 var newPassWord = $(".newpass"); 8 var newPass = newPassWord.val(); 9 10 var passWordConf = $(".passconf"); 11 var passConf = passWordConf.val(); 12 13 $.ajax({ 14 url:"/mypages/pass", 15 data:{ 16 now_pass:nowPass, 17 new_pass:newPass, 18 pass_conf:passConf, 19 }, 20 dataType:"html", 21 type:"post", 22 23 }).done(function(data,status,xhr){ 24 $("div.contents-b").html(data); 25 26 });//$.ajax 27});//$(document).on("click",".change-pass-btn",function()
php
1if($this->request->is("ajax")){ 2 3 $now_pass=$this->request->data["now_pass"];//現在のパスワード 4 $new_pass=$this->request->data["new_pass"];//新しいパスワード 5 $pass_conf=$this->request->data["pass_conf"];//確認用パスワード 6 7 //ここで入力されたパスワードのエラー処理 8 //エラーがあればそれぞれ$error_pass01,$error_pass02,$error_pass03にメッセージ入れる 9 10 11 //エラーがなければパスワードの変更を登録 12 if($error_pass01=="" && $error_pass02=="" && $error_pass03==""){ 13 14 $this->set(compact("mess","パスワード変更しました。")); 15 16 }else{ 17 $this->set(compact("error_pass01","error_pass02","error_pass03")); 18 }//if($error_pass01=="" && $error_pass02=="" && $error_pass03=="") 19 20 21 22 }//if($this->request->is("ajax"))
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/04/04 02:45