Q&A
ソースがないと・・・
jQueryでformをserializeして非同期でサーバーにバリデート処理したいのですが、
serializeがエラーも履かずに、抜けてしまいます。
console.logで確認してもnullとかじゃない様です。
inputタグには全てname属性とvalue属性はあります。
serializeが失敗する要因とかデバック方法のヒントがあれば助かります。
失礼しました。ソース記載します。
lang
1 <form id="myForm" method="POST" action="/app/index.php"> 2 姓：<input name="name_sei" type="text" value="{$smarty.request.name_sei|default:''}" maxlength="10"> 3 名前：<input name="name_mei" type="text" value="{$smarty.request.name_mei|default:''}"> 4 セイ：<input name="kana_sei" type="text" value="{$smarty.request.kana_sei|default:''}"> 5 メイ：<input name="kana_mei" type="text" value="{$smarty.request.kana_mei|default:''}"> 6 電話番号：<input name="tel" type="text" value="{$smarty.request.tel|default:''}" maxlength="20"> 7 <a href="javascript:void(0)" onclick="formConfirm();">次へ</a> 8 9 <input type="hidden" name="module" value="{$smarty.request.module}"> 10 <input type="hidden" name="action" value="{$smarty.request.action}"> 11 <input type="hidden" name="mode" id="mode" value=""> 12 </form> 13 14 <script type="text/javascript"> 15 function formConfirm() { 16 $("#mode").val('validate'); 17 var postdt = $("#myForm").serialize(); 18 console.log(postdt); 19 $.ajax({ 20 url: '/app/index.php', 21 type: 'POST', 22 data: postdt, 23 timeout: 10000, 24 dataType: "json", // レスポンスをJSONとしてパースする 25 success: function(result) { 26 if (result.status == 'success') { 27 $("#mode").val('execute'); 28 $("#myForm").submit(); 29 return; 30 } else if (result.status == 'error') { 31 $("#err_msg").html(""); 32 l = result.massage.length; 33 for (var i in result.massage) { 34 $("#err_msg").append("<li>"+result.massage[i]+"</li>"); 35 $("#alert-danger").show(); 36 } 37 alert('エラーがあります、確認下さい'); 38 window.location.hash = "myforms"; 39 return false; 40 } else { 41 alert("処理が異常終了しました。"); 42 } 43 }, 44 error: function() { // HTTPエラー時 45 alert("Server Error. Pleasy try again later."); 46 }, 47 complete: function() { // 成功・失敗に関わらず通信が終了した際の処理 48 } 49 }); 50 } 51 </script> 52
回答1件
0
ベストアンサー
普通に行けそうな気がしますが
- send.php
PHP
1<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 2<script> 3$(function(){ 4 $('#tugihe').on('click',function(e){ 5 e.preventDefault; 6 $("#mode").val('validate'); 7 var postdt = $("#myForm").serialize(); 8 $.ajax({ 9 url: 'recv.php', 10 type: 'POST', 11 data: postdt, 12 timeout: 10000, 13 dataType: "json", 14 success: function(result) { 15 if (result.status == 'success') { 16 $("#mode").val('execute'); 17 $("#myForm").submit(); 18 return; 19 } else if (result.status == 'error') { 20 $("#err_msg").html(""); 21 l = result.massage.length; 22 for (var i in result.massage) { 23 $("#err_msg").append("<li>"+result.massage[i]+"</li>"); 24 $("#alert-danger").show(); 25 } 26 alert('エラーがあります、確認下さい'); 27 window.location.hash = "myforms"; 28 return false; 29 } else { 30 alert("処理が異常終了しました。"); 31 } 32 }, 33 error: function(xhr,err) { // HTTPエラー時 34 console.log(err); 35 }, 36 success: function(data) { // 成功・失敗に関わらず通信が終了した際の処理 37 console.log(data); 38 } 39 }); 40 }); 41}); 42</script> 43<form id="myForm" method="POST" action="recv.php"> 44姓：<input name="name_sei" type="text" value="xxx" maxlength="10"> 45名前：<input name="name_mei" type="text" value="xxx"> 46セイ：<input name="kana_sei" type="text" value="xxx"> 47メイ：<input name="kana_mei" type="text" value="xxx"> 48電話番号：<input name="tel" type="text" value="xxx" maxlength="20"> 49<a href="#" id="tugihe">次へ</a> 50 51<input type="hidden" name="module" value="xxx"> 52<input type="hidden" name="action" value="xxx"> 53<input type="hidden" name="mode" id="mode" value=""> 54</form> 55
- recv.php
PHP
1<?PHP 2print json_encode($_POST); 3?>
投稿2017/02/16 10:03
総合スコア114779
yambejpさん無事解決しました！
1ページの中に、ログインフォームやメインフォームや複数のフォームが存在しており、
タグの閉じ漏れでフォームがネストになっておりました。
お恥ずかしい限りですｗ
有り難う御座いました！
あなたの回答
tips
プレビュー
