Плагин jQuery Validation - как изменить css на ошибку

Я следую демо здесь

http://jquery.bassistance.de/validate/demo/marketo/

При отправке формы, если поле пустое, как поля ввода и другие поля получают красную границу вокруг них? Что я должен добавить в мое объявление плагина, чтобы получить это?

Обновление

$("#profile_form").validate({
        rules: {
            nickname: "required",
            address: "required"
        },
        messages: {
            nickname: "(required)",
            address: "&nbsp;(required)"
        }
    });

Я знаю, как получить границу через css, мне нужно знать, как плагин validate изменяет css.

Привет

Ответы

Ответ 1

Вот как я выполнил то, что искал...

$("#profile_form").validate({
        rules: {
            nickname: "required",
            address: "required"
        },
        messages: {
            nickname: "(required)",
            address: "&nbsp;(required)"
        }, highlight: function(element) {
            $(element).addClass('error');
        }, unhighlight: function(element) {
            $(element).removeClass('error');
        }
    });

Использование опций highlight и unhighlight в плагине jquery.validate делает трюк.

Ответ 2

Что-то вроде этого сделает это...

CSS

input.error,
select.error,
textarea.error {
    border: 3px solid red;
}

В этом случае Firebug - ваш друг.

Ответ 3

Вы присоедините обработчик события blur() к полю ввода. В вашей функции обратного вызова вы должны проверить содержимое ввода, а затем сменить css, используя css().

Пример:

<input type="text" id="myField" />

<script type="text/javascript">
    $("#myField).blur(function() {
        if ($(this).val() == "") {
            $(this).css("borderColor", "red");
        }
    });
</script>