0

我使用 Jquery Mobile 开发了一个应用程序，该应用程序在单个 html 文件中具有多个页面（每个页面都有一个单独的表单）。

直到现在我还没有弄清楚如何在按下按钮返回（类型 data-rel="back" 位于页眉上）并显示前一个表单时清除前一个表单的所有字段。

我的流程类似于如下所述：

  1. 显示页面登录

  2. 在登录页面填写字段（用户、密码），验证表单并提交。

  3. 提交后，将页面更改为第二页（相同的 HTML，data-role="page"）

  4. 在第二个页面（不是浏览器）上按下返回按钮后，登录页面仍然显示所有已填充的输入字段。

我看到了很多片段，但与这个问题并没有特别相关，当我尝试应用其中一些片段时，我没有得到解决这个问题的线索。

有人可以帮忙，拜托。谢谢！

4

1 回答 1

3

如果您想在每次访问表单时清除字段，您可以简单地使用 pagebeforeshow 事件：

$('#page1').on('pagebeforeshow', function (event, data) {
    //clear fields here    
});

如果您只想在从第二页返回时清除字段，则同一事件有第二个参数，它告诉您来自哪里。

$('#page1').on('pagebeforeshow', function (event, data) {
    var prevPageID = $(data.prevPage).attr("id");
    if (prevPageID == "page2"){
       //clear fields   
    }
});

API 文档可以在这里找到：http: //api.jquerymobile.com/pagebeforeshow/

于 2013-11-08T00:13:59.233 回答