Metoda submit në jQuery
Më parë kemi përdorur një konstrukt të tillë:
$('form').on('submit', function(event) {
event.preventDefault();
});
Në vend të kësaj, ne gjithashtu mund të përdorim direkt në jQuery metodën
submit,
e cila ose lidh një përpunues formularësh, ose ekzekuton
ngjarjen:
$('form').submit(function(event) {
event.preventDefault();
});
Në shembullin e mëposhtëm kemi një formë të thjeshtë,
së cilës do t'i lidhim një përpunues ngjarjesh duke përdorur
metodën submit, me një fushë teksti dhe
një buton - input me tipin submit:
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
Le të vendosim tekst në fushën e tekstit, dhe kur të shtypim
butonin të kontrollojmë këtë tekst. Nëse vendosim
'jQuery', atëherë në span do të tregojmë tekstin
'Good!', me ndihmën e metodave
text dhe
show,
por nëse diçka tjetër, atëherë - 'Bad...':
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});