Hai bro, kali ini kita akan belajar bagaimana membuat validasi inputan yang hanya bisa diisi menggunakan angka. tentu hal ini penting didalam sebuah form yang mengharuskan untuk diisi hanya dengan angka seperti umur, nominal, jumlah dll.
oke langsung saja kita buat script'nya.
<html>
<head>
<script language='javascript'>
function validAngka(a)
{
if(!/^[0-9 .]+$/.test(a.value))
{
a.value = a.value.substring(0,a.value.length-1000);
}
}
</script>
<title>Halaman Home</title>
<body>
<h3>Form Peserta</h3>
<table border="0" cellpadding="5">
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama"></td>
</tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td><input type="text" name="hobi"></td>
</tr>
<tr>
<td>Umur</td>
<td>:</td>
<td><input type="text" name="umur" onkeyup="validAngka(this)"></td>
</tr>
</table>
</body>
</head>
</html>
Pada saat scrip diatas dijalankan, maka pada inputan umur hanya akan menerima inputan berupa angka.
Oke sekian dulu ya, silahkan dicoba sendiri dan usahakan diketik ulang (jangan cuma copas..)
Terimakasih sudah mampir ke blog MbahKunang...... :)
No comments:
Post a Comment