VALIDASI UNTUK MEMBATASI KARAKTER INPUTAN (HANYA ANGKA) PADA TEXTBOX DENGAN JAVASCRIPT
Assalamu 'alaikum Wr. Wb.
Mumpung masih semangat, dan ada bahan lagipula ada waktu, sedikit share hal sepele yang mungkin sudah banyak yang tahu, tapi yang belum tahu semoga bisa mengetahui.
Dalam membuat aplikasi khususnya pemrograman web validasi sangat penting untuk menghindari hal-hal yang buruk seperti user nakal, inputan ngawur, rusaknya data dll.
Langsung saja ke contoh :
1. Buat form input dengan textbox
<input type="text" name="coba" >
2. Buat function untuk validasinya dengan javascript
<script language='javascript'>
function validAngka(a)
{
if(!/^[0-9.]+$/.test(a.value))
{
a.value = a.value.substring(0,a.value.length-1000);
}
}
</script>
3. Untuk memanggil fungsi validAngka diatas kita menggunakan event onkeyup. jadi ditambahkan di form inputnya (textbox).
<input type="text" name="coba" onkeyup="validAngka(this)">
Nah.cukup mudahkan. silahkan dicoba dan lihat hasilnya. Insya Allah bisa.. mohon maaf jika ada kesalahan, mohon sarannya jika masih ada yang perlu diperbaiki, silahkan bertanya jika ada pertanyaan, akan dijawab semaksimal mungkin yang saya bisa, dan jangan menghujat..
Wassalamu 'alaikum Wr. Wb
Mumpung masih semangat, dan ada bahan lagipula ada waktu, sedikit share hal sepele yang mungkin sudah banyak yang tahu, tapi yang belum tahu semoga bisa mengetahui.
Dalam membuat aplikasi khususnya pemrograman web validasi sangat penting untuk menghindari hal-hal yang buruk seperti user nakal, inputan ngawur, rusaknya data dll.
Langsung saja ke contoh :
1. Buat form input dengan textbox
<input type="text" name="coba" >
2. Buat function untuk validasinya dengan javascript
<script language='javascript'>
function validAngka(a)
{
if(!/^[0-9.]+$/.test(a.value))
{
a.value = a.value.substring(0,a.value.length-1000);
}
}
</script>
3. Untuk memanggil fungsi validAngka diatas kita menggunakan event onkeyup. jadi ditambahkan di form inputnya (textbox).
<input type="text" name="coba" onkeyup="validAngka(this)">
Nah.cukup mudahkan. silahkan dicoba dan lihat hasilnya. Insya Allah bisa.. mohon maaf jika ada kesalahan, mohon sarannya jika masih ada yang perlu diperbaiki, silahkan bertanya jika ada pertanyaan, akan dijawab semaksimal mungkin yang saya bisa, dan jangan menghujat..
Wassalamu 'alaikum Wr. Wb
Komentar
Posting Komentar