I have got the solution for the problem. It is working on all the browsers.
This code could be helpful for you all, hence I am posting this with code below---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us" xml:lang="en-us">
<head>
<title>allow only number input</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
html {
background: #fff;
color: #000;
font-size: 1em;
}
body {
margin: 0;
padding: 8px;
}
form {
margin: 0;
padding: 5px;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
// Cross-browser event listener
function listenForEventIn(obj,type,func,bubble)
{
if (obj.addEventListener)
{
obj.addEventListener(type,func,bubble); // For Presto and Gecko
}
else if ( obj.attachEvent )
{
obj.attachEvent("on" + type, func); // For Trident
}
}
// Window.onload
listenForEventIn(window,"load", function()
{
var n = document.getElementById("nums");
n.value = "";
n.focus();
function check(e)
{
var k;
if (e.charCode)
{
k = e.charCode; // For Gecko
}
else if (e.keyCode)
{
k = e.keyCode; // For Presto
}
if ( k != 37 && k != 38 && k != 39 && k != 40 && k != 35 && k != 46 && k != 8 && k != 36)
{
if ( k < 47 || k > 57 )
{
if ( e.preventDefault )
{
e.preventDefault(); // For Presto and Gecko
}
else
{
return false; // For Trident
}
}
}
}
if (window.addEventListener)
{
listenForEventIn(n, "keypress", check, false); // For Presto and Gecko
}
else
{
listenForEventIn(n, "keydown", check, false); // For Trident
}
listenForEventIn(document.getElementById("submit"), "click", function(e) {
if (n.value == "")
{
if (e.preventDefault)
{
e.preventDefault(); // For Presto and Gecko
}
else
{
// For Trident
alert("box cannot be empty");
n.focus();
return false;
}
alert("box cannot be empty");
n.focus();
}
}, false);
}, false);
//]]>
</script>
</head>
<body>
<form action="http://www.google.com/search?q=" method="get"><div><input type="text" id="nums" /><input type="submit" value="submit" id="submit" /></div></form>
<div>Click submit when box is empty</div>
</body>
</html>
Thanks a lot again for your help.