h1

Disable Tombol Enter dalam TextBox untuk mencegah Postback di ASP.Net

28 Juli 2009

Secara default ketika tombol Enter di tekan dalam Control TextBox, maka halaman di ASP.NET akan mengalami PostBack. Hal ini tentu saja tidak diinginkan ketika developer ingin menghandle event Postback pada button Submit di form registrasi misalnya.

Ada beberapa cara yang penulis dapatkan dari sumber di Internet :

  1. Meletakkan baris control di Textbox pada halaman HTML
  2. TextBox ID="TextBox1" runat="server"
    onkeydown = "return (event.keyCode!=13);" >
    TextBoxt
    

    Dengan cara ini Visual Studio akan memberikan warning berupa garis bergelombang berwarna hijau. Namun demikian dapat diabaikan, Pesan tersebut muncul karena Visual Studio mencari event server side dan onkeydown tidak ada dalam daftar event.

  3. Meletakkan baris control di Textbox pada Code Behind
  4. C#

    TextBox1.Attributes.Add("onkeydown", "return (event.keyCode!=13);");
    

    VB.Net

    TextBox1.Attributes.Add("onkeydown", "return (event.keyCode!=13);")
    

    Cara kedua ini adalah menambahkan atribut yang berupa kode javascript tadi ke Contol TextBox. Namun demikian jangan lupa meletakkannya dalam baris inisialisasi not isPostback()

  5. Meletakkan baris control di Body HTML
  6. Cara pertama dan kedua masih memiliki kelemahan. Anda harus menambahkan kode baris satu persatu sebanyak texybox yang harus di jaga. Bayangkan apabila ada 20 – 30 control textbox untuk tiap halaman yang harus Anda jaga. Tentu saja membuang-buang waktu. Cara yang paling efektif adalah dengan meletakkan baris perintah pada <body>. Dengan demikian semua control textbox yang ada di <body> tidak akan merespon terhadap Enter.

    <body onkeydown = "return (event.keyCode!=13)">
    

Selamat Mencoba!
Sumber : http://www.aspsnippets.com/post/2009/05/21/Disable-Enter-key-in-TextBox-to-avoid-postback-in-ASPNet.aspx

Iklan

One comment

  1. Thanks kk, Good Article 🙂



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: