JQuery с плагином проверки

Question

У меня проблема с плагином проверки jQuery.

$(document).ready(function() {
$('input:submit').button();

       $('form').validate({
        rules: {
                name: 'required',
            email: {
                required: 'true',
                email: 'true'
            },
            subject: 'required',
            message: 'required'
        },
        messages: {
            name: '<img src="images/icons/bullet_delete.png" />',
            email: '<img src="images/icons/bullet_delete.png" />',
            subject: '<img src="images/icons/bullet_delete.png" />',
            message: ''
        }
    });
});

Имя и тематические ошибки отображаются при нажатии кнопки отправки, но ошибка электронной почты отображается размытым, когда поле электронной почты теряет фокус. Что я должен изменить, чтобы все ошибки отображались после нажатия кнопки отправки?

Answer 1

Из документации: http://docs.jquery.com/Plugins/Validation/validate#options

Этот метод устанавливает обработчики событий для отправки, фокусировки, нажатия клавиш, размытия и нажмите, чтобы запустить проверку всей формы или отдельных элементов. Каждый из них может быть отключен, см. Параметры onxxx (onsubmit, onfocusout, onkeyup, onclick).

Попробуйте:

$(document).ready(function() {
    $('input:submit').button();

    $('form').validate({
        onsubmit   : true,
        onfocusout : false,
        onkeyup    : false,
        onclick    : false,

        rules: {
            name: 'required',
            email: {
                required: 'true',
                email: 'true'
            },
            subject: 'required',
            message: 'required'
        },
        messages: {
            name: '<img src="images/icons/bullet_delete.png" />',
            email: '<img src="images/icons/bullet_delete.png" />',
            subject: '<img src="images/icons/bullet_delete.png" />',
            message: ''
        }
    });
});