JQuery validator, как удалить сообщения об ошибках и добавить окраску границ вместо

2 yeah its me [2013-09-29 15:42:00]

$('.register_form').validate({


     invalidHandler: function(){

        return false;
     }

Я пробовал это, но не работал, как удалить сообщения об ошибках, а вместо этого покрасить границу ввода на красный? не нашли примеров в документах

javascript jquery jquery-validate


2 ответа


6 Решение Sparky [2013-09-29 19:12:00]

Ваш код:

invalidHandler: function(){
    return false;
}

Это не работает, потому что invalidHandler callback не имеет ничего общего с созданием, управлением или размещением элементов label ошибки. Он запускается только после отправки, когда форма недействительна. Это просто полная противоположность submitHandler которая только срабатывает при подаче действительной формы. См. Документацию для всех функций обратного вызова.

Функция обратного вызова errorPlacement используется для размещения элементов label сообщения ошибки на странице. Если вы просто поместите return false в эту функцию обратного вызова, сообщения об ошибках не будут размещены нигде.

$('.register_form').validate({
    // rules, options, callbacks,
    errorPlacement: function() {
        return false;
    }
});

Тем не менее, error и valid классы по-прежнему будут автоматически переключаться на элементы поля по мере их проверки. Поэтому просто используйте свой CSS для их стилизации по мере необходимости.

.error {
    border: 1px solid #f00;
}    
.valid {
    border: 1px solid #0f0;
}

ДЕМО: http://jsfiddle.net/zqqdV/


3 Greenhorn [2013-09-29 15:52:00]

Вы можете использовать

errorPlacement: function(){
            return false;
        }

И Css:

.error {
    border: 2px solid #FF4000;
}

.valid {
    border: 2px solid #2EFE2E;
}

Демо- скрипт