Membuat Validasi Angka Pada Form Dengan jQuery

Dipublikasikan oleh El Cicko pada

jQuery debouncing events

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

El Cicko

Nama saya Riky Fahri Hasibuan, Saya yang biasa nulis di blog ini. Blog ini adalah sarana dokumentasi dari apa yang saya kerjakan dan tidak ada salahnya juga saya sebarkan. Jika artikel di blog bermanfaat, kamu bisa memberikan apresiasi pada blog ini dengan memberikan donasi pada blog ini.

1 Komentar

yoo · September 21, 2016 pada 9:58 am

tq gan codenya

Tinggalkan Balasan

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