jQuery 验证 - 如何删除常见消息

Question

我使用“invalidHandler”选项制作了常见的验证消息(“页面上有错误”)。现在，我正在寻找一种方法，当所有字段都变得有效时删除此消息(在休假控制时)。

Answer 1

使用 invalidHandler 是执行此操作的一种方法，但如果您使用 errorContainer 选项，jQuery validate 将为您隐藏和显示消息。例如:

HTML:

<form id="test">
    <label for="name">Name</label>
    <input id="name" type="text" name="name" class="required"/>

    <label for="age">Age</label>
    <input id="age" type="text" name="age" class="required"/>

    <input type="submit" />
</form>

<div id="invalid">You have errors the on page</div>​

CSS

#invalid { display: none; }

JavaScript:

$("#test").validate({
    errorContainer: "#invalid"
});

示例: http://jsfiddle.net/andrewwhitaker/deArQ/