JQuery: проверка не работает, прежде чем пытаться отправить

Question

У меня есть этот код ниже, чтобы проверить обязательное поле:

$(document).ready(function(){
    $("#gestione_profilo").validate({
    rules: {
                    'person_data[document_number]': "required"
    }
    });

Когда я показываю форму и удаляю значение этого поля, в нем не отображается сообщение «Обязательный». Но после попытки отправить форму без вставленного значения, она отображает сообщение «Требуется» правильно каждый раз, когда поле пусто.

Есть идеи, почему это не работает, прежде чем пытаться присвоить форму?

Привет

1010 * Javi *

Answer 1

$('#homepage_enquiry :input.required').blur(function(){}).valid();

Это также будет работать, но только после того, как они попытались что-то ввести.Думаю, функция размытия работает, когда они удаляются от поля ввода.Я предпочел его, так как не хотел, чтобы он отображал ошибки перед вводом.

Answer 2

Я думаю, вы могли бы использовать здесь функцию keyup:

$("input").keyup(function() {
    ...validate form here
});

Answer 3

Вы можете позвонить .valid(), чтобы запустить валидацию, как показано ниже:

$(document).ready(function() {
    $("#gestione_profilo").validate({
        rules: {
            'person_data[document_number]': "required"
        }
    });
    $("#gestione_profilo").valid();
});

Вы можете проверить это здесь .

Answer 4

Функция готовности jquery оценивается только один раз, когда HTML DOM готов; как javascript onload и т. д. Я думаю, что вам нужно реализовать событие jquery .change (), поэтому правило проверки проверяется при каждом изменении поля ...