Input Data Berupa angka pada textbox Menggunakan Jquery

Sering kita menemukan diwebsite ada sebuah form contact us atau form lainya harus di isi data dengan berupa angka ,misalnya jumlah barang dalam kasus toko online. Apabila data yang diisikan bukan berupa angka,maka akan mengakibatkan terjadinya eror,karena tidak bias melakukan perhitungan sub total dan total harga barang tsb.
Dengan Jquery , kita bisa bikin sebuah input yang hanya boleh di isi angka dan apabila ada yang coba coba ngisi datanya bukan berupa angka,maka akan tampil peringatan di sebelah text kanan textbox tersebut.untuk lebih jelas lihat skrip berikut

PERHATIKAN JENIS HURUF YANG DI BOLD.

 

<html>
  <head>
    <link rel="stylesheet" href="main.css" type="text/css" />
    <script type="text/javascript" src="jquery-1.4.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        // ketika input usia di isi, eksekusi bagian ini.
          $("#umur").keypress(function (data) 
          {
             // kalau data bukan berupa angka, tampilkan pesan error
             if(data.which!=8 && data.which!=0 && (data.which<48 || data.which>57))
             {
                  $("#pesan").html("Isikan Angka").show().fadeOut("slow");
                return false;
           }   
          });
      });
    </script>
  </head>
  <body>
    <div class="demo" style="width: 250px;">
    <form>
      <p>Nama : <input type="text" id="nama"> </p>
      <p>Umur : <input type="text" id="umur" size="3">
                <span id="pesan"></span> </p>
    </form>
    </div>
  </body>
</html>

 

Download file

 

Kunjungi www.prowebpro.com untuk menambah wawasan anda.

Share |

Portfolio

www.wearnespc.comwww.solper.comwww.autojaya.comwww.intisolar.comsmartprint.co.idwww.ottopharm.comoliser.co.idAnd More ....

Livechat

  • Sonny
    Marketing

  • Aris G
    Support

  • Agus
    Support

  • Kurnianto
    Support

  • Eko P
    Designer

  • Andreas
    Designer

  • LiveZilla Live Help

Address

PT. Proweb Indonesia
Perkantoran Duta Merlin No F4
Jl. Gadjah Mada 3-5
Jakarta Pusat
GPS: S 6o 09' 58.1", E 106o 49' 3.3"

 

Phone : 021 - 2636 3170
    021 - 3377 0050
     
Mobile : 0856 - 9360 1378
    0812 - 806 2772
    0857 - 1586 8992
    0816 - 180 8005
     
Blackberry PIN : 23096502
     
Fax : 021 - 633 5765
     
Web : www.proweb.co.id