Hi there,
I'm trying to make some javascript that will alert a user if any required fields have been left blank on submit.
I got the code from this website:
and have tried to put it in the html as follows:
But it doesn't work at all. Does anyone know where I have gone wrong?
Many thanks,
Katie
I'm trying to make some javascript that will alert a user if any required fields have been left blank on submit.
I got the code from this website:
and have tried to put it in the html as follows:
Code:
<html>
<head>
<script language="javascript" type="text/javascript">
function validate() {
with (form1) {
var alertMessage = "The following REQUIRED fields\nhave been left empty:\n";
if (Number.value == "") {
alertMessage += "\Number" }
if (Letter.value == "") {
alertMessage += "\Letter" }
if (alertMessage != "The following REQUIRED fields\nhave been left empty:\n") {
alert(alertMessage);
return (false);
}
return (true)
}
}
</script>
</head>
<form name="form1" onsubmit=" return validate()" >
<label for="Number">Number:</label>
<select name="Number" selected="" >
<option value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<label for="Letter">Letter:</label>
<select name="Letter">
<option value=""></option>
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
<option value="4">D</option>
</select>
<input type="button" value="Submit" >
</form>
</html>But it doesn't work at all. Does anyone know where I have gone wrong?
Many thanks,
Katie
