0

ユーザーがフォームで送信をクリックすると表示されるjqueryモーダルセットアップがあります。このウィンドウは、フォームに入力されたすべてのデータの確認ウィンドウです。GoとCancelの2つのボタンがあります。ユーザーがキャンセルをクリックすると、フォームに戻り、再送信するか、何でもできます。ユーザーが [Go] をクリックすると、データがフォーム アクション値 (この場合は「complete.php」) に渡されます。私がやろうとしているのは、モーダル サブミットがすべての処理を実行する ajax を起動し、現在のモーダル ウィンドウに結果を返すことです...

http://jsfiddle.net/UMenY/1/

 <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(){ を追加する方法がわかりません。私ができる唯一のことは、フォームアクションの結果を取得し、新しいページに移動することです。これはやりたくないことです。

4

1 に答える 1