无法从 jQuery Mobile 中的链接页面提交表单答案

【问题标题】：Cannot submit form from linked page in jQuery Mobile无法从 jQuery Mobile 中的链接页面提交表单
【发布时间】：2013-01-08 20:33:50
【问题描述】：

我正在尝试使用 jQuery Mobile 提交表单，但如果表单位于链接页面上，它将不会提交。比如我的主页是mysite.com/page.html。如果我将表单代码放在该页面上，则表单将完美提交。如果我将表单放在同一个文件中的不同 data-role="page" 上，页面的链接将变为 mysite.com/#reg 并且提交按钮完全停止工作。我正在使用 jQuery 1.8.3 和 jQuery Mobile 1.2.0。

Here's a jsFiddle 仅在“注册”页面上使用该表格。您会注意到单击提交时它没有做任何事情。 Here's that exact same code，只需将表单复制粘贴到主页上即可。单击提交时，会出现一个加载屏幕（意味着它正在尝试提交，但没有找到我的验证脚本）。

【问题讨论】：

看看这个 | jquerymobile.com/demos/1.0a3/docs/pages/docs-pages.html |您是否尝试过禁用 ajax？
"请务必注意，如果您从通过 Ajax 加载的移动页面链接到具有多个内部页面的页面，则需要添加 rel="external" 或 data-ajax=" false”链接。这告诉框架重新加载整个页面以清除 URL 中的 Ajax 哈希。这很关键，因为 Ajax 页面使用哈希 (#) 来跟踪 Ajax 历史记录，而多个内部页面使用哈希表示内部页面，因此会有冲突。”
我很感激，但我确实尝试过，但没有成功。

标签： jquery html forms jquery-mobile

【解决方案1】：

您忘记关闭第一个表单标签。修复后一切正常。

在这里放置了一个固定版本：

<form action="login.php" method="POST">
    <a href="#index" data-role="button" data-transition="slide" data-direction="reverse">
        Return to home page
    </a>
<!-- The closing form tag -->
</form>

http://jsfiddle.net/JVXEa/

【讨论】：

天哪，我不敢相信事情就这么简单。非常感谢！