This code. I know I have done some silly mistake in there.. but I dont know what it is.. and its making me frustrate..
I want helptext to be dynamically assigned. The chrome said that the function is not defined.. but I double checked.. 10 times.. but there is no mistake that I could find..help meee..
<html>
<head>
<title>
validation
</title>
<script type="text/javascript">
function validateNotEmpty(inputField, helpText) {
//check if the data is filled .....
if (inputField.value.length == 0) {
if (helpText != null) helpText.innerHTML = "please enter the data...";
return false;
} else {
if (helpText != null) helpText.innerHTML = "";
return true;
}
}
//check if banner message is between 1 and 32 letters..
function validateLength(minlength, maxlength, inputField, helpText) {
if (inputField.value.length < minlength || inputField.value.length > maxlength) {
if (helpText != null) helpText.innerHTML = "please enter a value between" + minlength + "and" + maxlength + "in this field";
return false;
} else {
if (helpText != null) helpText.innerHTML = "";
return true;
}
//verify that zip code is 5 digit and is a number..
function validateZipCode(inputField, helpText) {
if (inputField.value.length != 5) {
if (helpText != null) helpText.innerHTML = "please enter exactly 5 digits..";
return false;
} else if (isNaN(inputField.value)) {
if (helpText != null) helpText.innerHTML = "please enter numbers only.";
return false;
} else {
if (helpText != null) helpText.innerHTML = "";
return true;
}
}
</script>
</head>
<body>
<form name="orderform" action="bannerocity.php" method="POST">
enter the banner message:
<input type="text" name="banner" id="banner" size="32" onblur="validateLength(1,32,this,document.getElementById('banner_help'))"
/>
<span id="banner_help" class="help">
</span>
<br />
enter zip code of the location:
<input type="text" name="zipcode" id="zipcode" size="5" onblur="validateZipCode(this,document.getElementById('zip_help'))"
/>
<span id="zip_help" class="help">
</span>
enter the date for the message to be shown:
<input type="text">
<br />
enter your name:
<input type="text" name="name" id="name" onblur="validateNotEmpty(this,document.getElementById('name_help'))">
<span id="name_help" class="help">
</span>
<br />
enter your name:
<input type="text">
<br />
enter your phone number:
<input type="text" name="phone" id="phone" size="12">
<br />
enter your email address:
<input type="text">
<br />
</form>
</body>
</html>