使用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 /流利的驗證（不是：我們目前正在做的，雖然使用的是組合先決條件）

這裏是什麼輸入驗證看起來像一個字段的例子：

<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以及必要的更改以支持此功能。