Metoda submit
Metoda submit ne permite să lucrăm cu evenimentul JavaScript
submit. Ea ne permite să atașăm
un handler la evenimentul JavaScript submit sau
să declanșăm acest eveniment pe un element.
Sintaxă
Putem transmite metodei o funcție-handler, care se va executa de fiecare dată când apare evenimentul, căreia i se poate transmite la rândul ei obiectul evenimentului:
.submit(funcție-handler);
În acest caz, metoda va funcționa similar cu
constructia .on('submit', handler) a metodei
on.
De asemenea, putem transmite metodei ca parametru opțional un obiect cu date, care vor fi transmise funcției-handler:
.submit([date eveniment], funcție-handler);
Sau nu putem transmite niciun parametru, atunci
metoda va funcționa similar cu .trigger('submit')
al metodei trigger:
.submit();
Evenimentul submit apare pe un element când
utilizatorul, de exemplu, apasă pe butonul
'submit' de pe un formular. Acest eveniment poate fi
atașat doar elementelor cu tag-ul form.
Evenimentul submit apare pe un element când
utilizatorul, de exemplu, apasă pe butonul
'submit' de pe un formular. Acest eveniment poate fi
atașat doar elementelor cu tag-ul form.
Exemplu
În exemplul următor avem un formular simplu,
căruia îi vom atașa un handler de evenimente folosind
metoda submit, cu un câmp text și
un buton - un input cu tipul submit. Să
introducem text în câmpul text, iar la apăsarea
butonului să verificăm acest text. Dacă introducem
'jQuery', atunci în span vom afișa textul
'Good!', cu ajutorul metodelor
text și
show,
iar dacă altceva, atunci - '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();
});
