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