sekarang kita akan membuat falidasi inputan pada salah satu text box hanya bisa di input angka selain angka tidak bisa k langsung aja ke TKP...
script angka.html
<html>
<head>
<script type='text/javascript' src='jquery-1.4.js'></script>
<script>
$(document).ready(function(){
// ketika inputan di isi, eksekusi bagian di bawah \ini
$('#umur').keypress(function(data){
// kalau data bukan berupa angka, tampilkan pesan error
if(data.which!=8 && data.which!=0 && (data.which<48 || data.which>57)){
$('#pesan').html('Isikan Angka').show().fadeOut('show');
return false;
}
});
});
</script>
</head>
<body>
<form>
<p>Nama : <input type='text' id='nama'/></p>
<p>Umur : <input type='text' id='umur' size='3' maxlenght='3'>
<span id='pesan'></span></p>
</form>
</body>
</html>
script angka.html
<html>
<head>
<script type='text/javascript' src='jquery-1.4.js'></script>
<script>
$(document).ready(function(){
// ketika inputan di isi, eksekusi bagian di bawah \ini
$('#umur').keypress(function(data){
// kalau data bukan berupa angka, tampilkan pesan error
if(data.which!=8 && data.which!=0 && (data.which<48 || data.which>57)){
$('#pesan').html('Isikan Angka').show().fadeOut('show');
return false;
}
});
});
</script>
</head>
<body>
<form>
<p>Nama : <input type='text' id='nama'/></p>
<p>Umur : <input type='text' id='umur' size='3' maxlenght='3'>
<span id='pesan'></span></p>
</form>
</body>
</html>
Tidak ada komentar:
Posting Komentar
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.