My code below is supposed to give an innerHTML msg if you enter anything other than a non-digit or decimal point. The problem I am having is I am getting a "oInputElem is null" error in firebug. It is pointing out this line as well as part of the error: if(!IsNumeric(oInputElem.value)) { (this is line 18 below). I am wracking my brain here... please take a look and help me out. Thanks.
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type ='text/css'>
.error { color: red; }
</style>
<script type='text/javascript'>
window.onload = initialize;
function initialize() {
var validate_isnumeric = document.getElementById("validate_isnumeric");
validate_isnumeric.onclick = CheckNumeric();
}
function CheckNumeric() {
var oErrorElem = document.getElementById("errorMessage");
var oInputElem = document.getElementById("numOrText");
if(!IsNumeric(oInputElem.value)) {
oErrorElem.innerHTML = "Invalid numeric input";
oErrorElem.className = "error";
}else {
oErrorElem.innerHTML = "";
oErrorElem.className = "";
}
}
function IsNumeric(sText) {
var ValidChars = "0123456789.";
var IsNumber=true;
var Char;
for (i = 0; i < sText.length && IsNumber == true; i++){
Char = sText.charAt(i);
if (ValidChars.indexOf(Char) == -1) {
IsNumber = false;
break;
}
}
return IsNumber;
}
</script>
</head>
<body>
<form action="" onsubmit="return CheckNumeric();">
<div>
<input name="numOrText" type="text"><br>
<input type="submit" value="Validate">
</div>
</form>
</body>
</html>
28 Jun, 2008 - 07:52 AM
|