-1

jQuery Ajaxによってページのdiv(「コンテンツ」など)に挿入されたフォームがあり、ユーザーがフォームへの入力を完了して「送信」ボタンを押すと、さらに検証するために結果が表示されます。html と ajax コードは次のとおりです。

HTML:

<form id="userForm" action="..." method="post">
  ...
  ...
</form>

アヤックス:

$(document).ready(function() {
  $('#userForm').ajaxForm({
    success: function(returnData) {
      $('#content').html(returnData);
    }
  });
});

「returnData」は、さらに確認するために入力されたフォーム (入力フィールドなし) です。さて、ユーザーが戻って以前に入力したデータを変更できるように、「戻る」ボタンを実装するにはどうすればよいですか?

私はPythonでGoogle App Engineに取り組んでいます。ありがとう。

4

1 に答える 1

1

formを新しい HTMLに置き換えるつもりはありません。

フォームを非表示にしてdisplay: none、新しい HTML を追加して横に表示したいと思います。戻りたい場合は、form入力要素を再入力する必要なく、「表示中の div」を非表示にして を再度表示できます。

これらの線に沿った何かが機能するはずです

HTML:

<div id="content">
    <div id="user-form-container">
        <form id="userForm" ...>...</form>
    </div>

    <div id="viewing-container"></div>
</div>

CSS:

#viewing-container {
    display: none;
}

back-button表示部分には、表示領域を非表示にしてフォームを再度表示する何らかの種類の が含まれています

jQ:

$(document).ready(function() {
    $('#userForm').ajaxForm({
        success: function(returnData) {
            $('#viewing-container').html(returnData);
            $('#user-form-container').hide();
            $('#viewing-container').show();
            $('#viewing-container #back-button').click(function() {
                $('#user-form-container').show();
                $('#viewing-container').hide();
            });
        }
    });
});
于 2013-01-31T00:15:13.207 に答える