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