jQuery Mobile中的jQuery表单验证

我正在尝试将本例中的表单验证用于我的jQuery Mobile项目：

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

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

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

尝试以下方法：

---

非常感谢您，看起来效果不错。非常感谢你的帮助。如果你有机会解释一下你是如何调试它的，那也会很有帮助，这样我就可以学习如何调试了——我不确定是从CSS还是js文件开始。不用担心；）所以你的问题在你的CSS中。您正在定义从未使用过的样式类（.trait.scape）。您可能让js动态添加类，但现在定义标记的方式与屏幕尺寸无关-错误文本将始终与输入字段保持一致。除了CSS什么都不需要更改。我不确定这一点，但在jquery的1.7>版本中，验证方法不存在，您必须包含jquery验证插件：@SAFAD您知道您可以使用JSFIDLE窗口左侧的下拉列表选择jquery的版本，并在发布之前测试您的查询。。。据我所知，包含的脚本不包含其他插件。