Validasi Inputan Angka menggunakan Javascript

Terkadang dalam membuat sebuah form kita mengharuskan inputan harus berupa angka. Contoh pada kasus transaksi di sebuah web e-commerce. Pada waktu kita memasukkan jumlah barang seharusnya user menginputkan sebuah angka. Tapi kadang-kadang ada user yang iseng memasukkan huruf, hal ini bisa kita cegah dengan menggunakan java script tapi kita tetap menggunakan php untuk validasi ketika data masuk database karena java script bekerja di sisi client jadi akan sangat berbahaya jika dalam script php kita tidak melakukan validasi.

Buatlah file validasi_angka.html
  1. <html>  
  2. <head>  
  3. <title>Validasi Inputan Angka Menggunakan Java Script</title>  
  4. <script language="JavaScript">  
  5. function Check_Angka(){  
  6.     var jumlah;  
  7.     var hasil;  
  8.     jumlah=document.validasi.jumlah.value;  
  9.       
  10.     if(isNaN(jumlah)) // jika inputan bukan angka  
  11.     {  
  12.         document.validasi.jumlah.value="";  
  13.         document.getElementById("hasil").innerHTML="0";       
  14.     }     
  15.     else  
  16.     {         
  17.         hasil=jumlah*100000;  
  18.         // mencetak hasil pada tag <div id=hasil>  
  19.         document.getElementById("hasil").innerHTML=hasil;   
  20.     }     
  21. }  
  22.   
  23. </script>  
  24. </head>  
  25. <body>  
  26. <table>  
  27. <form name=validasi>  
  28. <tr><td>Harga Produk</td><td>Rp 100.000</td></tr>  
  29. <tr><td>Jumlah yang dibeli</td><td><input type=text name=jumlah size=4 maxlength="3" onkeyup="Check_Angka()"></td></tr>  
  30. <tr><td>Hasil</td><td><div id="hasil"></div></td></tr>  
  31. </form>  
  32. </table>  
  33. </body>  
  34. </html>  
Penjelasan :
fungsi onKeyUp digunakan apabila ada perubahan pada textbox jumlah, event onKeyUp akan memanggil fungsi Check_Angka yang berfungsi untuk validasi.


Selamat Datang di Blog Sederhana Ini Terima kasih Atas Kunjungannya Semoga Bermanfaat

Komentar

Posting Komentar

Postingan populer dari blog ini

BAHASA INDONESIA 1 (Kalimat Efektif)

KALIMAT EFEKTIF Kalimat efektif adalah kalimat yang memiliki kemampuan untuk menimbulkan kembali gagasan-gagasan pada pikiran pendengar atau pembaca seperti gagasan yang ada pada pikiran pembicara atau penulis. Sehingga dalam penyampaian pesan dapat diterima dengan baik dan lebih mudah dimengerti.. Untuk mendapatkan kalimat yang efektif harus memenuhi beberapa syarat sebagai berikut : 1). Keterpaduan Yang dimaksud dengan keterpaduan (koherensi) adalah terjadinya hubungan yang padu antara unsure - unsur pembentuk kalimat. Yang termasuk unsure pembentuk kalimat adalah kata, frasa, klausa, tanda baca, dan fungsi sintaks S-O-P-Pel-Ket. Beberapa kriteria yang harus diperhatikan : 1. Kalimat tidak bertele - tele harus sistematis. 2. Kalimat yang padu menggunakan pola aspek - agen - verbal atau aspek - verbal - pasien. ·    Surat itu sudah saya baca. ·    Saya sudah membaca surat itu. 3. Diantara predikat kata kerja dan objek penderita tidak disisipkan kata darip
Baca selengkapnya

Mesin Turing

Gambar
Jauh sebelum lahirnya program komputer, Alan Turing pada tahun 1936 telah mengeluarkan gagasannya berupa model mesin abstrak sebagai alat mekanik untuk mengerjakan prosedur yang efektif. Model ini disebut Mesin Turing . Mesin turing dapat diadaptasi untuk mensimulasi logika dari setiap algoritma oleh karena itu cara kerja mesin turing adalah ekivalen dengan cara kerja komputer sekarang ini dan mesin turing juga ekivalen dengan problema komputasi matematika. Mesin turing tidak ditujukan sebagai teknologi komputasi praktis tetapi lebih sebagai eksperimen pemikiran yang mewakili sebuah mesin komputasi. Mesin turing membantu para ilmuan komputer memahami batas-batas komputasi mekanis.             Sebagai input dari mesin turing adalah kata atau untai atas suatu alfabet T. Mesin turing berhenti dengan keadaan menerima atau menolak untai. Kadang-kadang terjadi pula perulangan atau looping tak terhingga. Keterangan : ·         -  Tape : Tempat diletakannya i
Baca selengkapnya

Algoritma Dijkstra

Gambar
Algoritma Dijkstra , (dinamai menurut penemunya, seorang ilmuwan komputer, Edsger Dijkstra ), adalah sebuah algoritma rakus ( greedy algorithm ) yang dipakai dalam memecahkan permasalahan jarak terpendek ( shortest path problem ) untuk sebuah graf berarah ( directed graph ) dengan bobot-bobot sisi ( edge weights ) yang bernilai tak-negatif. Misalnya, bila vertices dari sebuah graf melambangkan kota-kota dan bobot sisi ( edge weights ) melambangkan jarak antara kota-kota tersebut, maka algoritma Dijkstra dapat digunakan untuk menemukan jarak terpendek antara dua kota. Input algoritma ini adalah sebuah graf berarah yang berbobot ( weighted directed graph ) G dan sebuah sumber vertex s dalam G dan V adalah himpunan semua vertices dalam graph G . Setiap sisi dari graf ini adalah pasangan vertices ( u , v ) yang melambangkan hubungan dari vertex u ke vertex v . Himpunan semua tepi disebut E . Bobot ( weights ) dari semua sisi dihitung dengan fungsi w : E → [0, ∞)
Baca selengkapnya