jquery - 使用带有 jQ​​uery 验证的自定义 CSS？

Question

如何为错误消息使用自定义 CSS 类？我宁愿不设置标准 label.error 的样式。我想使用我已经拥有的 CSS 类。

Answer 1

jQuery Validate有一个选项，称为errorClass：

使用此类创建错误标签，查找现有错误标签并将其添加到无效元素。

您需要做的就是在原始$.validate调用中指定它：

$('#myForm').validate({
   errorClass:'myClass'
   //your options
});

Answer 2

你可以这样做：

html:

<form action="">
    <ul>
        <li><input type="text" id="name" value="Your name" /></li>
        <li><input type="submit" id="submit" /></li>
        <li class="error">
            <span>Ops!</span>
        </li>
    </ul>
</form>

CSS：

形式 .error {显示：无；}

jQuery：

$('form').submit(function(){
    if($('#name').val()==''||$('#name').val()=='Your name'){
        $('form .error').css({display: 'block'});
    }
})