Cara Mengatasi Multiple submit / double klik submit php dan html

Halo, terdapat masalah sederhana ketika kalian membuat sebuah aplikasi website, dimana perilaku user yang tidak dapat di tebak, terlebih lagi jika mendapatkan user tidak sabaran, saat dia klik submit/ save data dan ada proses karna koneksi lambat (cursor muter muter) , tentu saja user ini terus terusan melakukan force klik berkali kali di tombol submit nya, dan BOOOOMMMM, server terisi banyak sekali data yang di tambahkan 🙂 karena multiple insert.

tentu ini memberatkan server terutama di penyimpanan,

untuk mengatasi masalah tersebut, salah satu solusi kecilnya dan simpel yaitu :
DISABLE BUTTON SUBMIT FORM , lalu tampilkan pesan pada submit tersebut bahwa proses sedang dijalankan ( biar usernya tau ).

kita membutuhkan sedikit kode javascript.

simpan kode di bawah ini di button anda ini di YII :

<div class="row buttons">
     <?php echo CHtml::submitButton($model->isNewRecord ? 'Buat Permohonan' : 'Buat Label dan Nomor Register',array('class' => 'btn btn-success btn-flat','confirm'=> 'Pastikan data sudah BENAR ?','onClick'=>'this.disabled=true;this.value="Mengirim, Mohon tunggu...";this.form.submit();')); ?>
</div>

di bawah ini kode untuk html biasanya :

<input type="submit" onclick="this.disabled=true;this.value='Mengirim, Mohon tunggu...';this.form.submit();">

selamat mencoba, semoga bermanfaat,

baca juga artikel lain kami :

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Scroll to Top