Метод 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();
});
