jQuery验证:如何不显示错误?或如何将错误显示为工具提示?

时间:2008-11-21 17:34:22

标签: jquery validation

我希望我的错误浮动在上方,左对齐,未验证的输入字段。我怎么能这样做?

如果我不能,我该如何关闭错误?我仍然希望字段验证(并突出显示错误),但不是要显示实际的错误消息。我似乎无法在jQuery文档中找到任何可以让我打开/关闭它们的内容...... ??

2 个答案:

答案 0 :(得分:14)

使用errorPlacement属性进行jQuery验证调用,正如J Cooper建议的那样:

$(...).validate({
    errorPlacement: function(error, element) {
        error.insertBefore(element);
    }
});

CSS用于设置错误样式(在样式表中或单个元素中):

label.error {
    /* Move the error above the input element. */
    position: absolute;
    line-height: 1.5em;
    margin-top: -1.5em;

    background-color: red;
    color: white;
    padding: 0 2px;
}

答案 1 :(得分:11)

您需要errorPlacement选项,并且可能需要errorContainer和errorElement以进一步自定义。

请参阅http://docs.jquery.com/Plugins/Validation/validate#toptions