Kaedah submit
Kaedah submit membolehkan kita bekerja dengan peristiwa JavaScript
submit. Ia membolehkan kita mengikat
pengendali kepada peristiwa JavaScript submit atau
mencetuskan peristiwa tersebut pada elemen.
Sintaks
Kita boleh menghantar fungsi pengendali kepada kaedah, yang akan dijalankan setiap kali peristiwa berlaku, dan ke dalamnya pula boleh dihantar objek peristiwa:
.submit(fungsi-pengendali);
Dalam kes ini, kaedah akan berfungsi serupa dengan
konstruksi .on('submit', handler) bagi kaedah
on.
Kita juga boleh menghantar secara pilihan objek dengan data kepada kaedah, yang akan dihantar kepada fungsi pengendali:
.submit([data peristiwa], fungsi-pengendali);
Atau kita tidak menghantar sebarang parameter, maka
kaedah akan berfungsi serupa dengan .trigger('submit')
kaedah trigger:
.submit();
Peristiwa submit berlaku pada elemen apabila
pengguna, contohnya, menekan butang
'submit' pada borang. Peristiwa ini hanya boleh
dilekatkan pada elemen tag form.
Peristiwa submit berlaku pada elemen apabila
pengguna, contohnya, menekan butang
'submit' pada borang. Peristiwa ini hanya boleh
dilekatkan pada elemen tag form.
Contoh
Dalam contoh berikut, kita mempunyai borang mudah,
yang kepadanya kita akan mengikat pengendali peristiwa menggunakan
kaedah submit, dengan medan teks dan
butang - input dengan jenis submit. Mari
masukkan teks ke dalam medan teks, dan apabila butang ditekan
semak teks ini. Jika kita memasukkan
'jQuery', maka dalam span kita akan tunjukkan teks
'Good!', dengan menggunakan kaedah
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();
});
