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