CodeIgniter Jquery Input Form

CodeIgniter Logo

Ide dari postingan kali ini adalah berasal dari salah satu postingan pertanyaan dimilist CodeIgniter Indonesia. Masalah yang dikemukakan adalah terjadi masalah ketika input form, terjadi duplikasi inputan dari form yang dimasukkan.

Selama saya mengembangkan CodeIgniter, saya menemukan cara dan ini sudah saya buktikan dan efektif agar masalah diatas tidak ditemui. Saya menggunakan plugin jquery form untuk submit form nya. Dengan tidak lupa juga menggunakan jquery validation untuk validasi form sehingga dapat mengamankan form inputan yang masuk.

Misalkan saya mempunyai sebuah form dengan id formRegister, kemudian saya membuat perintah ajax untuk submit:

function submitFormRegister(){
 $("#<em>formRegister</em>").ajaxStart(function(){
 $('#<em>formRegister</em>:input').attr('disabled', true);
 });

 $('#<em>formRegister</em>').ajaxStop(function() {
 $('#<em>formRegister</em>:input').removeAttr('disabled');
 });

 $('#<em>formRegister</em>').ajaxSubmit({
 success: function(response){
 //diisikan dengan kodisi response controller
 }
 },
 resetForm: true,
 dataType: 'html'
 });
 return false;
};

Ketika fungsi submitFormRegister tersebut dipanggil, maka seluruh form inputan akan didisable, sehingga tidak memungkinkan terjadinya double input form. Semoga bermanfaat.