javascript - 使用 jQuery Mobile 表单，我应该将验证消息放在哪里？

Question

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

<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进行必要的更改以支持这一点。