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

PENGERTIAN, CONTOH KATA ABSTRAK DAN KATA KONKRET

Gambar
Pengertian, Contoh Kata Abstrak dan Kata Konkret   Dalam Bahasa Indoensia terdapat banyak beberapa golongan kata, salah satunya adalah kata abstrak dan kata konkret. Kedua kata ini memiliki dimensi yang berbeda. Kata abstrak dan kata konkret memiliki beberapa perbedaan dan cara penggunaannya. Kali ini kita akan membahas materi tentang kata konkret dan kata abstrak lebih lanjut. 1. PENGERTIAN KATA ABSTRAK Kata abstrak adalah sebuah kata yang memiliki rujukan berupa konsep atau pengertian. Sesuai dengan namanya kata abstrak lebih memerlukan pendalaman pemahaman, karena sifatnya yang tidak nyata. Untuk lebih jelasnya kita lihat beberapa contoh kata abstrak di bawah ini : Kata Abstrak : - Kaya - Miskin - Kesenian - Kerajinan - Demokrasi - Kemakmuran 2. KATA KONKRET Kata konkret merupakan kebalikan dari kata abstrak. Kata konkret yaitu kata yang mempunyai rujukan berupa objek yang dapat diserap oleh panca indera. Kata konkret memiliki ciri bisa dirasakan,
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