Почему валидация формы происходит только после второго сабмита?

Question

[GaserV]

Такая проблема. Для валидации формы использую плагин - jqueryvalidation.org. Повесил листенер на клик и при клике делаю валидацию формы. Но первы клик игнорируется, только после второго. Вообще думаю лучше сделать валидацию поля сразу при его изменении (при keypress например). Но до этого хотел бы разобраться, почему первый клик игнорируется.

Пробовал уже $('body').on('submit', '#user_edit', e => {}); и просто $('#user_edit').submit(); но все равно валидация происходит только после второго клика. В чем проблема?

Comments

[ой всё]

фокус где при первом клике?
иногда надо принудительно переводить фокус на кнопку

[GaserV]

ну по разному) иногда на каком-то поле, иногда вобще нигде фокуса нет)

[Роман Александрович]

GaserV, а можно весь код увидеть?

[alvvi]

GaserV,

Повесил листенер на клик и при клике делаю валидацию формы.

как именно вы делаете валидацию формы
покажите код

[ThunderCat]

код в студию, так можно и по книге перемен гадать, будет примерно та же эффективность.

Answer 1

[Денис Букреев]

Я подозреваю, что валидацию ты активируешь внутри клика, а надо ДО клика

Comments

[ThunderCat]

угу, а надо вместо клика, на форму привязать. Но читать доки не в правилах современных разработчиков )

Answer 2

[ThunderCat]

RTFM ЕПТА!
$("#идГребаннойФормы").validate();

Answer 3

[GaserV]

$('body').on('submit', '#user_edit', e => {
    e.preventDefault();

    $(e.currentTarget).validate({
      rules: {
        firstname: {
          required: true,
        },
        lastname: {
          required: true,
        },
      },
      errorPlacement(error, element) {
        if (element[0].localName === 'select') {
          error.insertAfter($(element[0]).next());
        }
        else {
          error.insertAfter(element);
        }
      }
    });
  })

Comments

[alvvi]

Я думаю вам стоит посмотреть в документацию еще раз.
Метод validate инциализирует плагин, его нужно вызвать один раз, когда DOM построен