Validasi Hanya Angka Dengan onkeyup javascript

30/04/2015    Fachrul Ahaddin    5423     Website

Halo dumenity, pada kesempatan kali ini saya akan membuat validasi sederhana dengan javascript menggunakan event onkeyup. Pada kasus ini saya akan membuat inputan hanya dapat dimasukkan angka. Berarti kita kuga membuat regexnya untuk mengatur hanya angka saja yang dapat diinputkan. Coba teman-teman perhatikan source dibawah ini :

 

See the Pen ZGGpyx by fachrul ahaddin (@fachruldumet) on CodePen.

 

Coba teman-teman masukkan huruf. Pasti tidak mau keluar kan? Dan sekarang coba teman-teman masukkan angkanya. Baru dapat terlihat inputannya. Sekarang teman-teman perhatikan HTMLnya. Pada tag <input /> terdapat atribut onkeyup="angka(this);". Itu salah satu event javascript dimana saat event tersebut dijalankan, maka fungsi angka akan diterapkan. Lihat bagian JSnya. Didalamm function angka ada kondisi pengecekkan menggunakan regex ( Regular Expression ) hanya angka = !/^[0-9]+$/.  Oke teman-teman. Itu sedikit yang saya sampaikan, semoga dapat menjadi referensi ya buat teman-teman. Terima kasih.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More