我使用 Jquery Mobile 开发了一个应用程序,在单个 html 文件中包含多个页面(每个页面都有一个单独的表单)。
直到现在我还没有弄清楚当 按下“后退”按钮(位于页面标题上的 data-rel="back"类型),将显示上一个表单。
我的流程与下面描述的类似:
显示页面登录
在登录页面填写字段(用户、密码),验证表单并提交。
提交后,将页面更改为第二页(相同的 HTML,data-role="page")
按第二页(非浏览器)上的后退按钮后,登录页面 仍然显示所有输入字段已填充。
我看到了很多片段,但与这个问题没有特别相关,当我尝试时 应用其中一些我没有得到解决这个问题的线索。
有人可以帮忙吗?谢谢!
最佳答案
如果您想在每次访问表单时清除字段,您可以简单地使用 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/
关于javascript - 重置 Jquery 移动多页面应用程序先前表单中的输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19848769/