Question

我有一个由jQuery Ajax插入到页面的div（例如，＆＃39; content＆＃39;）的表单，当用户完成填写表单并点击“提交”时。按钮，结果将显示进一步验证。 html和ajax代码如下：

HTML：

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

的Ajax：

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

＆＃39; returnData＆＃39;是填写的表格（没有输入字段）以供进一步确认。现在，我该如何实现一个＆＃39;回归＆＃39;按钮，以便用户可以返回并修改先前输入的数据？

我正在使用Python开发Google App Engine。感谢。

Answer 1

我不会用新的HTML替换form。

我宁愿用display: none隐藏表单并添加新的HTML以供查看。如果你想返回，那么你可以隐藏“查看div”并再次显示form，而无需重新填充任何输入元素。

这些方面应该有效

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();
            });
        }
    });
});

Ajax回到上一页

1 个答案: