Question

我需要根据输入错误显示错误消息。我做错了什么？

当h5validation添加类.ui-state-error

时，也应显示错误

if（$（“。ui-state-error”）。is（“：visible”）== true）{find errors and display input：email

 <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。您不需要做任何特殊的事情来显示和隐藏您的错误，但您确实需要提供错误ID而不是类。

errorAttribute 一个html属性，用于存储此元素的错误消息容器的ID。它默认设置为data-h5-errorid。注意：数据属性前缀是HTML5的新功能，用于存储元素的元数据。 e.g：

<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()。

Jquery html5验证和错误消息

2 个答案: