Metode submit
Metode submit memungkinkan kita bekerja dengan
event JavaScript submit. Ini memungkinkan kita untuk mengikat
handler ke event JavaScript submit atau
memicu event tersebut pada elemen.
Sintaks
Kita dapat meneruskan fungsi handler ke metode, yang akan dijalankan setiap kali event muncul, yang pada gilirannya dapat menerima objek event:
.submit(fungsi-handler);
Dalam hal ini, metode akan bekerja serupa dengan
konstruksi .on('submit', handler) dari metode
on.
Kita juga dapat secara opsional meneruskan objek data ke metode, yang akan diteruskan ke fungsi handler:
.submit([data event], fungsi-handler);
Atau tidak meneruskan parameter apa pun, maka
metode akan bekerja serupa dengan .trigger('submit')
dari metode trigger:
.submit();
Event submit terjadi pada elemen ketika
pengguna, misalnya, menekan tombol
'submit' pada formulir. Event ini dapat
dilampirkan hanya ke elemen tag form.
Event submit terjadi pada elemen ketika
pengguna, misalnya, menekan tombol
'submit' pada formulir. Event ini dapat
dilampirkan hanya ke elemen tag form.
Contoh
Dalam contoh berikut, kita memiliki formulir sederhana,
yang akan kita pasang event handler menggunakan
metode submit, dengan bidang teks dan
tombol - input dengan tipe submit. Mari
masukkan teks ke dalam bidang teks, dan saat menekan
tombol periksa teks ini. Jika kita memasukkan
'jQuery', maka di span akan ditampilkan teks
'Good!', dengan menggunakan metode
text dan
show,
dan jika sesuatu yang lain, maka - '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();
});
