Проверка JQuery HTML5 с сообщениями об ошибках

Question

Мне нужно показать сообщение об ошибке на основе ошибки ввода. что я делаю не так?

также ошибка должна отображаться, когда проверка h5 добавляет класс .ui-state-error

if ($ (". Ui-state-error"). Is (": visible") == true) {поиск ошибок и отображение ввода: электронная почта

 <section class="errors">
   <p class="email"><span>Please enter a valid Email.</span></p>
   <p class="password"><span>Please re-type your password.</span> Your passwords didn't match.</p>
   <p class="repeat-password"><span>Please re-type your password.</span> Your passwords didn't match.</p>
 </section>

http://jsfiddle.net/hsSru/21/

Answer 1

То, что вы пытаетесь сделать, встроено в h5Validate. Вам не нужно делать ничего особенного, чтобы показать и скрыть свои ошибки, но вам нужно указать идентификаторы ошибок вместо классов.

errorAttribute Атрибут html, в котором хранится идентификатор контейнера сообщений об ошибках для этого элемента. По умолчанию установлено значение data-h5-errorid. Примечание. Префикс атрибута данных - это новая функция HTML5, используемая для хранения метаданных элемента. например:

<input data-h5-errorid="email" type="text" class="h5-email" required />


<section class="errors">
    <p id="email"><span>Please enter a valid Email.</span></p>
</section>

Смотрите новую скрипку: http://jsfiddle.net/hsSru/33/

См. Документацию: http://ericleads.com/h5validate/

К вашему сведению, h5Validate поддерживает как обратные вызовы, так и API событий, а также метод allValid.

Answer 2

Первое, на что вам нужно обратить внимание - как вы вызываете метод .live () ..live() не принимает функцию в качестве первого параметра, она принимает событие, которое вы хотите, чтобы она прослушивала, в качестве первого параметра, а функцию - в качестве второго параметра, так что это может вызвать у вас некоторые проблемы.Кроме того, поскольку jQuery 1.7, .live() не рекомендуется в пользу .on().

Если вы хотите, чтобы функция вызывалась при отправке, что, вероятно, является наиболее распространенным, вам следует использовать .submit() вместо .live().