Mencegah Dobel Submit dan Disable Back Button


Ketika pengguna mengklik tombol submit formulir, browser mereka membuat permintaan kembali ke server web untuk URL tertentu. Pada server web, masukan pengguna diproses dan beberapa tindakan yang diambil berdasarkan pada input. Sebuah catatan database dapat ditambahkan, email mungkin akan dikirim, dan sebagainya. Salah satu isu potensial yang dapat timbul adalah jika pengguna mengirimkan formulir, tapi ada keterlambatan dalam mendapatkan kembali respon dari server. Seorang pengguna mungkin berpikir bahwa tombol klik tidak mengambil”, sehingga mereka klik lagi. Hal ini dapat menyebabkan dua pengiriman form, menghasilkan dua catatan database yang ditambahkan, dua email yang dikirim, atau apa pun.

Menonaktifkan Tombol Ketika diklik

<script>
   function DisableButton(b)
   {
      b.disabled = true;
      b.value = 'Submitting';
      b.form.submit();
   }
</script>

<p>
   Click the button to see how it can be disabled and
   have its text changed when clicked...
</p>

<p>
   <input type="submit" name="SubmitButton" id="SubmitButton"
          value="Submit"
          onclick="DisableButton(this);" />
</p>

 

Contoh ini menjelaskan cara Nonaktifkan Browser Kembali Tombol Menggunakan Javascript Dalam ASP.NET. untuk menghindari pengguna akan ke halaman sebelumnya dengan mengklik tombol kembali browser, untuk ini kita perlu menggunakan javascript untuk mencegah pengguna menavigasi ke halaman sebelumnya dengan menekan tombol kembali.
 Just put this javascript on the html section of aspx page above head section
<script type = “text/javascript” >
function disableBackButton()
{
window.history.forward();
}
setTimeout(“disableBackButton()”, 0);
</script>

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: