Press "Enter" to skip to content

Membuat Validasi Angka Pada Form Dengan jQuery

Halo, seneng rasanya bisa terus ngeblog disini walaupun banyak rintangan dan halangan menerjang (halah…apa ini!). Pada artikel kali ini kita akan membahas bagaimana cara membuat validasi angka pada form dengan jQuery.

Validasi Angka Pada Form Dengan jQuery

Maksudnya ? gini nich maksudnya, jadi pada form input kita bakal kasih validasi angka dengan jQuery. Jadi karakter yang akan diterima pada textfied tersebut hanya angka saja, selain itu…NO!

Teknik ini sebenarnya berguna supaya kita tidak harus submit pada form terlebih dahulu agar validasinya berjalan. Jadi validasi ini akan berjalan setiap kita mengetik karakter pada form, ketika kita mengetikan karakter huruf atau apapun itu selain angka, maka script jQuery akan secara otomatis menghapus karakter yang kita ketik tersebut. Sangat efisien bukan ?

Ok, sekarang kita ketikkan script berikut di text editor :

<html>
  <head>
    <title></title>
    <script src="jquery.min.js"></script>
    <script>
      $(document).ready(function () {
        $('#angka').keyup(function () {
          // setiap karakter yang diketik akan langsung dihapus   
          this.value = this.value.replace(/[^0-9.]/g, '');
        });
      });
    </script>
  </head>
  <body>
    <h3>Validasi Angka Secara Realtime Dengan Jquery</h3>
    <input id="angka" type="text" placeholder="masukkan angka disini..." />
</body>
</html>

Ok sekarang kita simpan dengan ekstensi HTML, lalu jalankan di browser. Selamat mencoba dan semoga bermanfaat 😀

download-button

One Comment

  1. yoo yoo September 21, 2016

    tq gan codenya

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *