С помощью 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 с бесплатной проверкой (не является обязательным условием)

Вот пример того, как выглядит проверка ввода для одного поля:

<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, но у меня есть ветка на github с необходимыми изменениями для поддержки этого.