使用jQuery Mobile表单，我在哪里放置验证消息？

Question

根据jQuery Mobile docs，这是您在网络表单中设置字段的方式：

<div data-role="fieldcontain">
   <label for="name">Text Input:</label>
   <input type="text" name="name" id="name" value=""  />
</div>  

是否有最佳做法或“官方”方式向此添加验证消息？我基本上希望验证消息显示在我表单中的每个文本框下。

Answer 1

我还没有看到任何支持输入验证字段的“官方”方式。我们目前正在做的是使用以下组合：

• jquery.validate
• jquery.unobtrusive.js（不是先决条件）
• asp.net mvc3 w / Fluent验证（不是先决条件）

以下是单个字段的输入验证内容的示例：

<label for="Name" class="ui-input-text">Name Input:</label>
<input data-val="true" data-val-required="Name is required" id="Name" name="Password" type="text" class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-d">
<span class="field-validation-valid" data-valmsg-for="Name" data-valmsg-replace="true"></span>

jquery.validate然后负责在验证范围内插入和显示正确的消息。它还不支持html5输入字段类型，但我有一个branch on github进行了必要的更改以支持此功能。