Dian's Blog

Wets... Waktunya balik ke client side lagi, ini nih saya mo sharing tentang cara baca kode ASCII di JQuery, eits... jangan dianggap saya kurang kerjaan, pembacaan kode ascii ini berguna untuk validasi, salah satunya di blog saya sebelumnya di sini yang menggunakan metode ini untuk membatasi karakter angka saja yang boleh ditulis di textfield.

Sebelumnya apa itu ASCII, ini saya kutip dari Wikipedia

Kode Standar Amerika untuk Pertukaran Informasi atau ASCII (American Standard Code for Information Interchange) merupakan suatu standar internasional dalam kode huruf dan simbol seperti Hex dan Unicode tetapi ASCII lebih bersifat universal, contohnya 124 adalah untuk karakter "|". Ia selalu digunakan oleh komputer dan alat komunikasi lain untuk menunjukkan teks. Kode ASCII sebenarnya memiliki komposisi bilangan biner sebanyak 8 bit. Dimulai dari 0000 0000 hingga 1111 1111. Total kombinasi yang dihasilkan sebanyak 256, dimulai dari kode 0 hingga 255 dalam sistem bilangan Desimal.

Nah langsung aja terjun ke kodenya, pertama yang paling penting bikin formnya dulu (html biasa boleh lah :D)

  1: <table align="center">
  2:   <tr>
  3:     <td>Input</td>
  4:     <td>
  5:       <input type="text" id="input" size="10" style="text-align: center;">
  6: 	</td>
  7:   </tr>
  8:   <tr>
  9: 	<td>Kode ASCII</td>
 10: 	<td>
 11: 	  <input type="text" id="code" size="10" disabled="disabled" style="text-align: center;">
 12: 	</td>
 13:   </tr>
 14:   <tr>
 15: 	<td>Deskripsi</td>
 16: 	<td>
 17: 	  <input type="text" id="desc" size="30" disabled="disabled">
 18: 	</td>
 19:   </tr>
 20: </table>

Dan berikut kode untuk JavaScriptnya

  1: $(function(){
  2:   $('#input').keydown(function(e) {
  3: 			
  4: 	// Baca ASCII nya di sini...
  5: 	var key = e.keyCode;
  6: 			
  7: 	// Validasi angka
  8: 	if (key >= 48 && key <=57) {
  9: 	  $('#desc').val('Angka');
 10: 			
 11: 	// Validasi huruf
 12: 	} else if (key >= 65 && key <=90) {
 13: 	  $('#desc').val('Huruf');
 14: 				
 15: 	// Selain ketentuan diatas :D
 16: 	} else {
 17: 	  $('#desc').val('Bukan angka & huruf');
 18: 	}
 19: 			
 20: 	$('#code').val(key);
 21: 	$('#input').val('');
 22:   });
 23: });

Nah cukup mudah kan (jawab ya!! peace), dan hasilnya adalah sebagai berikut