ユーザーがフォームで送信をクリックすると表示されるjqueryモーダルセットアップがあります。このウィンドウは、フォームに入力されたすべてのデータの確認ウィンドウです。GoとCancelの2つのボタンがあります。ユーザーがキャンセルをクリックすると、フォームに戻り、再送信するか、何でもできます。ユーザーが [Go] をクリックすると、データがフォーム アクション値 (この場合は「complete.php」) に渡されます。私がやろうとしているのは、モーダル サブミットがすべての処理を実行する ajax を起動し、現在のモーダル ウィンドウに結果を返すことです...
<form name='myForm' id='myForm' action='#' method='POST'>
<input type='text' name='firstName' id='firstName'>
<input type='button' value='submit' id='subButton'>
</form>
<div id='dialog'>
<p id='firstName'></p>
</div>
</div>
$('#dialog').dialog({
autoOpen: false,
width: 800,
modal: true,
resizable: false,
buttons: {
"Go": function () {
document.myForm.submit();
},
"Cancel": function () {
$(this).dialog("close");
}
},
});
$('#subButton').click(function () {
$("p#firstName").html($('#firstName').val());
$('#dialog').dialog('open');
return false;
});
私が作成したこの簡単なjsfiddleでは、モーダル値フォームの入力をajax経由でcomplete.phpに送信し、完全なカムバックが成功した場合、モーダルウィンドウに「データベースに追加された人」を表示させたいと思います。
送信アクションに .submit(function(){ を追加する方法がわかりません。私ができる唯一のことは、フォームアクションの結果を取得し、新しいページに移動することです。これはやりたくないことです。