Каким образом реализовать имитацию submit?

Question

[game802]

Добрый день, уважаемые знатоки!
Столкнулся со следующей проблемой, которую не смог решить. Суть дела в имитации кнопки submit...
У меня есть следующий код:

<form>
  <input type='number' required>
  <span class='class_name'>
    <input type='submit'>
  </span>
</form>

Каким образом реализовать(на jQuery) валидацию формы, нажав на span, а не на submit? То есть, мне нужно, чтобы выскакивали тултипы, которые встроены в браузер(если поле не заполнено). Буду рад любой помощи, спасибо!

Comments

[Модератор]

game802, за порчу вопросов будет больно.

Answer 1

[mishania666]

$(".class_name").on("click", function(e) {
$(this).closest('form').submit();
});

Comments

[game802]

этот вариант не работает...

[game802]

от сразу отправляет форму, без всякой проверки на заполненность (required)

[mishania666]

Тогда так :-)
$(".class_name").on("click", function() {
$(this).closest('form').find('[type=submit]').click();
});

[game802]

mishania666: совершенно верно.. но при таком раскладе получается рекурсия, что выдает следующую ошибку: RangeError: Maximum call stack size exceeded

[mishania666]

Хорошо, тогда добавим ещё :-)
$(".class_name").children().on('click', function(e) {
e.stopPropagation()
});

[mishania666]

Итого: https://jsfiddle.net/mws10q8t/2/

[game802]

mishania666: ох, круууто! Гениально, я бы сказал! Огромное спасибо за помощь!!!!

[game802]

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

[Natalia Baženova]

слушайте, да просто возьмите label вместо span. Тогда безо всяких ухищрений нажатие на label эквивалентно нажатию на submit.

[mishania666]

logiciel отличная мысль :-)
HackOwnB: событие invalid по идее должно помочь https://developer.mozilla.org/en-US/docs/Web/Event...

[mishania666]

Например так: https://jsfiddle.net/mws10q8t/5/

Answer 2

[Алексей Скляров]

$(".class_name").on("click", function(e) {
  // описание функции
  });

Comments

[game802]

прочтите еще раз вопрос, пожалуйста!