Question

这是我的验证脚本：

$().ready(function () {
    $("#form1").validate({
        rules: {
            frmDate: {
                required: true,
                minlength: 8
            },
            frmAmount: {
                required: true,
                number: true
            },
            frmReceipt: {
                number: true
            }
        },
        errorElement: "span",
        wrapper: "span",  // a wrapper around the error message
        errorPlacement: function (error, element) {
            offset = element.offset();
            error.insertAfter(element)
            error.addClass('form-error-message uk-alert uk-alert-danger');  // add a class to the wrapper

        },
        onsubmit: false
    });


});

如果元素的数据无效，它会包装元素，我想更改它。我想要做的只是添加一个类，只在它们周围形成一个红色边框（假设这个类被称为my-error-class）并且可能添加一个默认jquery validation插件消息的工具提示，并且然后在用户固定输入时删除该类。我该怎么办？

Answer 1

默认情况下，所有无效输入都标有类error，以及消息本身。所以你可以用css做到这一点：

input.error {
    color:red;
}

jquery验证：改变外观

1 个答案: