jQuery Mobile 中的 jQuery 表单验证

【问题标题】：jQuery Form Validation in jQuery MobilejQuery Mobile 中的 jQuery 表单验证
【发布时间】：2012-01-25 02:42:53
【问题描述】：

我正在尝试将此示例中的表单验证与我的 jQuery Mobile 项目一起使用：

此示例有效，但使用的是旧版本的 jQuery Mobile js 和 css 文件。我正在使用似乎破坏了此表单验证的 1.0 发行版。您可以在以下位置查看我的更新版本：

您会注意到，当您单击登录按钮时，您会收到警报消息，但它们不是红色的，并且与原始版本相比位于错误的位置。

谁能找到破坏原始版本的原因以及如何使用 jQuery Mobile 1.0 将功能恢复到新版本？

【问题讨论】：

【解决方案1】：

试试这个：

【讨论】：

非常感谢您，这似乎工作正常。非常感谢您的帮助。如果你有机会解释你是如何进行调试的，那也会很有帮助，这样我就可以学习如何做到这一点 - 不确定是从 CSS 文件还是 js 文件开始。
不用担心 ;) 所以你的问题出在你的 CSS 上。您正在定义从未使用过的样式类（.portrait .landscape）。您可能让 js 动态添加类，但现在定义标记的方式您的屏幕尺寸应该无关紧要 - 您的错误文本将始终与您的输入字段保持一致。除了 CSS 之外没有其他东西需要更改。
我不确定，但是在 jquery 1.7 版本中，验证方法不存在，您必须包含 jquery 验证插件：docs.jquery.com/Plugins/Validation
@SAFAD 你知道你可以使用 jsFiddle 窗口左侧的下拉菜单来选择 jQuery 的版本并在发布之前测试你的查询......包含的脚本不包含额外的据我所知，插件。