【问题标题】:Self-Submitting form in jQuery MobilejQuery Mobile 中的自提交表单
【发布时间】:2013-03-28 19:45:19
【问题描述】:

我想知道在我的网络应用程序中将表单“提交”到另一个页面的最佳方式。我目前有一个表格,用户填写他/她的信息,然后在“提交”时加载一个新页面,其中包含他们的所有数据,以便他们可以查看它。 然后用户可以返回表单进行编辑或接受数据并继续。

目前,我将表单设置为 POST 到“下一页”。我正在使用 jQuery mobile,所以这一切都在一个 HTML 文件中,“页面”只是显示和隐藏的 DIV。我拦截“提交”事件并进行处理,然后返回 false。这行得通,但有时会让人觉得有问题。

是否可以 POST 到另一个 jQuery 移动“页面”并拦截传入的数据,而不必在提交事件上返回 false? 还有其他我什至没有意识到的方法吗?

我应该注意到,应用程序的一个要求是不允许在设备上存储任何数据(没有 Cookie、LocalStorage、SessionStorage 等)。

【问题讨论】:

    标签: jquery ajax html forms jquery-mobile


    【解决方案1】:

    您可以为此使用 localStorage。当用户提交表单时,使用 javascript 获取所有数据并将它们存储在 localStorage 中,这样您就可以在任何页面中毫无问题地重复使用它们。

    【讨论】:

    • 不幸的是,不允许在设备上存储任何数据(JavaScript 对象文字除外)。所以没有 cookie、本地存储等。
    • 既然您使用的是单页架构,为什么不将它们保存在 javascript 对象/变量中呢?在您的情况下,当“页面”发生更改时,不会重新加载 javascript,因此它会保持所有变量不变。
    • 这就是我现在正在做的事情。只是似乎有点小故障。例如,如果表单没有通过验证,“提交”按钮保持按下状态,用户必须点击它两次才能触发“提交”事件。我假设这是因为我在提交事件处理程序上返回“false”???
    猜你喜欢
    • 1970-01-01
    • 2013-02-21
    • 2011-12-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-06-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多