Sebelumnya saya pernah membahas bagaimana cara menginputkan angka saja pada form delphi tetapi kali ini saya ingin memberikan contoh kepada sobat bagaimana cara menginputkan angka saja pada field html contohnya seperti ini untuk mudahnya langsung copas aja dech trus save dengan nama terserah sobat yang penting ekstensinya .html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>textbox to accept only numbers (digits)</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//called when key is pressed in textbox
$("#quantity").keypress(function (e)
{
//if the letter is not digit then display error and don't type anything
if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
{
//display error message
$("#errmsg").html("Digits Only").show().fadeOut("slow");
return false;
}
});
});
</script>
</script>
<style type="text/css">
body {
font: 12px Verdana,Arial, Helvetica, sans-serif;
margin: 10px auto;
width: 400px;
}
p { color:blue; }
#errmsg { color:red; }
</style>
</head>
<body>
<p>
The textbox below only accepts digits, Try typing alphabates
</p>
Quantity : <input type="text" name="quantity" id="quantity" /> <span id="errmsg"></span>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>textbox to accept only numbers (digits)</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//called when key is pressed in textbox
$("#quantity").keypress(function (e)
{
//if the letter is not digit then display error and don't type anything
if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
{
//display error message
$("#errmsg").html("Digits Only").show().fadeOut("slow");
return false;
}
});
});
</script>
</script>
<style type="text/css">
body {
font: 12px Verdana,Arial, Helvetica, sans-serif;
margin: 10px auto;
width: 400px;
}
p { color:blue; }
#errmsg { color:red; }
</style>
</head>
<body>
<p>
The textbox below only accepts digits, Try typing alphabates
</p>
Quantity : <input type="text" name="quantity" id="quantity" /> <span id="errmsg"></span>
</body>
</html>
Selamat Mencoba ...
Nice info! Thx
ReplyDelete