submit Metodu
submit metodu, JavaScript
submit olayı ile çalışmamıza olanak tanır.
Bir submit JavaScript olayına işleyici bağlamamıza
veya bu olayı bir öğe üzerinde tetiklememize olanak sağlar.
Sözdizimi
Metoda, olay her oluştuğunda tetiklenecek ve kendisine olay nesnesinin geçirilebileceği bir işleyici fonksiyon iletebiliriz:
.submit(işleyici-fonksiyon);
Bu durumda, metod .on('submit', handler) yapısına
ve on
metoduna benzer şekilde çalışacaktır.
Ayrıca, isteğe bağlı olarak metoda, işleyici fonksiyona geçirilecek olay verileriyle birlikte bir nesne iletebiliriz:
.submit([olay verileri], işleyici-fonksiyon);
Veya hiç parametre iletmeyebiliriz, bu durumda metod
trigger
metodunun .trigger('submit') yapısına benzer
şekilde çalışacaktır:
.submit();
submit olayı, kullanıcı örneğin bir formdaki
'submit' düğmesine bastığında öğe üzerinde oluşur.
Bu olay yalnızca form etiketli öğelere eklenebilir.
submit olayı, kullanıcı örneğin bir formdaki
'submit' düğmesine bastığında öğe üzerinde oluşur.
Bu olay yalnızca form etiketli öğelere eklenebilir.
Örnek
Aşağıdaki örnekte, submit metodu kullanılarak bir
olay işleyicisi bağlayacağımız basit bir form, bir metin
alanı ve submit tipinde bir giriş düğmesi bulunuyor.
Metin alanına metin girelim ve düğmeye bastığımızda bu metni
kontrol edelim. Eğer 'jQuery' yazarsak,
text ve
show
metodlarını kullanarak span içinde 'Good!' metnini
gösterelim, başka bir şey yazarsak - 'Bad...'
gösterelim:
<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();
});
