Javascript Logo
Ketika menuliskan artikel ini, saya menggunakan plugin jquery yaitu jquery form untuk membantu saya dalam submit form. Tetapi ketika menggunakan plugin ini, saya menghadapi beberapa masalah. Misalkan pada form yang saya buat terdapat fasilitas captcha, ketika kode captcha yang dimasukkan salah maka akan muncul keterangan kode yang dimasukkan salah dan form untuk input kode akan otomatis kosong, sedangkan jika semua form yang dimasukkan benar maka seluruh form akan kosong. Sebenarnya pada plugin form jquery ini sudah terdapat fasilitas reset maupun clear form. Tapi ketika menggunakan fasilitas ini, maka keinginan saya ketika kode captcha yang dimasukkan salah hanya input kode yang kosong tidak bisa dilakukan, karena ketika menggunakan clear atau reset form pada bawaan plugin form jquery apapun yang terjadi baik itu kode captcha salah maupun submit berhasil maka otomatis seluruh form inputan akan direset.
Maka dari itu perlu membuat sebuah function baru dengan menggunakan javascript yang berfungsi untuk reset from tetapi ketika kondisi hanya input kode saja yang dikosongkan dapat dilakukan dengan mudah. OK langsung saja, function javascript:
<code>
function reset_form(div){
$(div).find(‘:input’).each(function(){
var type = this.type, tag = this.tagName.toLowerCase();
if (type == ‘text’ || type == ‘password’ || tag == ‘textarea’)
this.value = ”;
else if (type == ‘checkbox’ || type == ‘radio’)
this.checked = false;
else if (tag == ‘select’)
this.selectedIndex = 0;
})
};
</code>
Kemudian contoh penggunaannya adalah:
<code>
function submitFormDaftar(){
$(‘#formDaftar’).ajaxSubmit({
success: function(response){
if(response==’kosong’){
show_captcha(‘.captcha’); //function untuk menampilkan kode captcha yang baru
$(‘#kode’).val(”);//perintah untuk mengkosongkan inputan kode captcha
$(‘#keterangan’).html(‘<div class=”info”>Kode yang anda masukkan salah</div>’);
}else if(response==’ok’){
$(‘#keterangan’).html(‘<div class=”success”>Pendaftaran Berhasil</div>’);
show_captcha(‘.captcha’);//function untuk menampilkan kode captcha yang baru
reset_form(“#formDaftar”);//perintah untuk mereset semua form
}else{
show_captcha(‘.captcha’);//function untuk menampilkan kode captcha yang baru
$(‘#keterangan’).html(‘<div class=”info”>Pendaftaran Gagal</div>’);
}
},
dataType: ‘html’
});
return false;
};
</code>
Demikian artikel saya dalam membuat sebuah function untuk reset from, semoga bermanfaat!!