Метод submit - работа с событием submit
Метод ⁅с⁆submit⁅/с⁆ позволяет нам работать с JavaScript событием ⁅с⁆submit⁅/с⁆. Он позволяет нам привязывать обработчик к JavaScript событию ⁅с⁆submit⁅/с⁆ или запускать это событие на элементе.
Синтаксис
Мы можем передать методу функцию-обработчик, которая будет срабатывать каждый раз при появлении события, в которую в свою очередь может передаваться объект события:
.submit(функция-обработчик);
В этом случае метод будет работать аналогично
конструкции .on('submit', handler) метода
on.
Также необязательным параметром мы можем передать методу объект с данными, которые будут передаваться в функцию-обработчик:
.submit([данные события], функция-обработчик);
А можно не передавать никаких параметров, тогда
метод будет работать аналогично .trigger('submit')
метода trigger:
.submit();
Событие ⁅с⁆submit⁅/с⁆ возникает на элементе, когда
пользователь, к примеру, нажимает на кнопку
'submit' на форме. Это событие может быть
прикреплено только к элементам тега ⁅с⁆form⁅/с⁆.
Событие ⁅с⁆submit⁅/с⁆ возникает на элементе, когда
пользователь, к примеру, нажимает на кнопку
'submit' на форме. Это событие может быть
прикреплено только к элементам тега ⁅с⁆form⁅/с⁆.
Пример
В следующем примере у нас есть простая форма,
к которой мы привяжем обработчик событий при помощи
метода submit, с текстовым полем и
кнопкой - инпутом с типом submit. Давайте
будем вводит текст в текстовое поле, а при нажатии на
кнопку проверять этот текст. Если мы введем
'jQuery', то в спане покажем текст
'Good!', с помощью методов
text и
show,
а если что-то другое, то - 'Bad...':
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});