Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Number type to the input
- Thread starter ibike
- Start date
Try this:
<html>
<head>
<script language="JavaScript">
function OnlyDigits(TheInput)
{
var msg=TheInput.value;
var chr;
for ( i=0; i < msg.length; i++ )
{
chr=msg.substring(i, i+1);
if ( chr < "0" || chr > "9" )
{
msg=msg.substring(0, i);
TheInput.value=msg;
}
}
}
</script>
<title>MyTitle</title>
</head>
<body>
<form name="MyFormform1" method="post" action="Mypage.html">
<input name="DigitsOnly" type="text" value=""
size="30" onKeyUp="OnlyDigits(this)"><br>
<input type="Submit" value="SendMe">
<input type="Reset" value="ResetMe">
</form>
</body>
</html>
Hope this helps,
Erik
<-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
<html>
<head>
<script language="JavaScript">
function OnlyDigits(TheInput)
{
var msg=TheInput.value;
var chr;
for ( i=0; i < msg.length; i++ )
{
chr=msg.substring(i, i+1);
if ( chr < "0" || chr > "9" )
{
msg=msg.substring(0, i);
TheInput.value=msg;
}
}
}
</script>
<title>MyTitle</title>
</head>
<body>
<form name="MyFormform1" method="post" action="Mypage.html">
<input name="DigitsOnly" type="text" value=""
size="30" onKeyUp="OnlyDigits(this)"><br>
<input type="Submit" value="SendMe">
<input type="Reset" value="ResetMe">
</form>
</body>
</html>
Hope this helps,
Erik
<-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->
greedyzebra
Technical User
This solution will prevent anything but digits as the user types:
function numOnly(event, field)
{
var eventKey, keychar;
if (window.event)
{
eventKey = window.event.keyCode;
}
else if (event)
{
eventKey = event.which;
}
else
{
return true;
}
//turn the event code into a real character
keychar = String.fromCharCode(eventKey);
//if it's a number we'll work with it, otherwise we won't
if (("0123456789"
.indexOf(keychar) > -1)
{
return true;
}
//no number entered, don't accept it
//you can also insert an alert if you
//want users to know they can enter only digits
//As is, if the user types a non-digit, nothing
//happens at all
else
{
return false;
}
}
The call looks like this:
<input type="text" name="txtBox" onkeypress=" return numOnly(event, this)">
function numOnly(event, field)
{
var eventKey, keychar;
if (window.event)
{
eventKey = window.event.keyCode;
}
else if (event)
{
eventKey = event.which;
}
else
{
return true;
}
//turn the event code into a real character
keychar = String.fromCharCode(eventKey);
//if it's a number we'll work with it, otherwise we won't
if (("0123456789"
.indexOf(keychar) > -1){
return true;
}
//no number entered, don't accept it
//you can also insert an alert if you
//want users to know they can enter only digits
//As is, if the user types a non-digit, nothing
//happens at all
else
{
return false;
}
}
The call looks like this:
<input type="text" name="txtBox" onkeypress=" return numOnly(event, this)">
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question