span tag issue in javascript

Hello,

Below is my code :

If I write instead of
then as soon as I fill in "message" field , I get Alert "Hi" which is right , but after that all other fields(e.g. zip, phone) get vanished.

Is this how <span> tag should be written ?

Please advise.

This is the code :-

<html>
<head>
<title>Banner-O-City</title>
<script>
	function validateNonEmpty(inputField,helpText){
		if(inputField.value.length == 0)
		{
			if(helpText != null)
				helpText.innerHTML = "Please enter a value.";
			return false;
		}
		
		else 
		{
			if(helpText != null)
				{
					alert("hi");
					helpText.innerHTML = "";
				}
			return true;
		}
	}

</script>
</head>

<body>
<form>
	Enter the banner message: <input type="text"id="message" name="message" size="32" onblur="validateNonEmpty(this,document.getElementById('message_help'));"/>
	<span id="message_help">
	</span>

Enter ZIP code of the location: <input type="text" id="zip" name="zip" size="5"/><br/>
	Enter the date for the message to be shown: <input type="text" id="date" name="date"/><br/>
	Enter your name: <input type="text" id="name" name="name"/><br/>
	Enter your phone number:  <input type="text" id="phone" name="phone"/><br/>
	Enter your email address: <input type="text" id="email" name="email"/><br/>
</form>
</body>
</html>

Span elements do not have an empty tag notation, so it should be <span></span>

On a side note: you should be using label elements

Eric

Thanks Eric for your advice.

I'll look for more details on label elements.

Thanks for improvement.