Tutorial ASP.Net JQuery : Mendapatkan nilai TextBox ASP.Net dengan JQuery

Hai sobat, kembali lagi bersama dunia edi, kali ini saya ingin sharing tentang ASP.Net dan JQuery. Kalau ASP.Net tentu sobat sudah tau, tapi kalau belum tau, bisa membaca apa itu ASP.Net di Wikipedia. Kemudian JQuery adalah Framework Javascript, yang kalau pengertian dari webnya 

Dari pengertian diatas, bisa kita simpulkan bahwa jQuery dibuat untuk mempermudah pengembangan web yang menggunakan javascript. jQuery bisa digunakan oleh semua bahasa pemrograman yang mendukung penggunaan javascript (PHP,JSP, ASP Classic, ASP.Net dll). Dalam sharing kali ini, kita akan mencoba menggunakan jQuery dengan ASP.Net, yaitu mendapatkan nilai textbox ASP.Net dengan jQuery. Tool yang saya gunakan adalah Visual Studio 2010.

Langkah pertama adalah kita membuat sebuah webform diASP.Net dengan nama Webform1. rancanglah webform itu dengan rancangan :

Rancangan diatas berisi sebuah Textbox dan sebuah Button, keduanya merupakan Control ASP.Net. Ubah Property ID dari textbox menjadi txtNama dan properti ID button menjadi btnSubmit.

Sebelum melanjutkan, kita perlu mendapatkan framework jQuery yang dapat didonwnload di website jQuery. Setelah download selesai, ekstrak lalu kopikan jQuery.js kedalam projek. Pada source Webform1.aspx, bagian tag head, masukkan referensi script jQuery.
<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
Kemudian dibawah deklarasi referensi jQuery, masukkan kode berikut : <script type="text/javascript"> $(document).ready(function () { $("#<%=btnSubmit.ClientID %>").click(function () { var nama=$("#<%=txtNama.ClientID %>").val(); alert("hai " + nama); }); }); </script>