Metod submit u jQuery
Ranije smo koristili ovakvu konstrukciju:
$('form').on('submit', function(event) {
event.preventDefault();
});
Umesto toga, takođe možemo direktno da iskoristimo metod
submit
u jQuery, koji vezuje rukovalac forme, ili izvršava
događaj:
$('form').submit(function(event) {
event.preventDefault();
});
U sledećem primeru imamo jednostavnu formu,
kojoj ćemo vezati rukovalac događaja pomoću
metoda submit, sa tekstualnim poljem i
dugmetom - input sa tipom submit:
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
Hajde da unosimo tekst u tekstualno polje, a pri pritisku na
dugme proverimo taj tekst. Ako unesemo
'jQuery', onda u span-u pokažimo tekst
'Good!', pomoću metoda
text i
show,
a ako nešto drugo, onda - 'Bad...':
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});