JavaScript Form Validation


HTML form validation can be done by JavaScript.

Dropdown Validation

Validate Dropdown

Must Select a value

Display selected value after submit


Example


<script>
function validateForm()
{
if(document.myform.city.selectedIndex ==0)//||document.form1.city.value=='Select City'
{
alert("Please Select Your City");
document.form2.city.focus();
return false;
}else{
var x=document.getElementById("city").value;
document.write("Selected city is:- "+ x +"
");
}
}
</script>
<form name="myform" onsubmit="return validateForm()" method="post">
Select Your City: <select name="city" id="city">
<option>Select City </option >
<option> Pune</option >
<option>Vadodara </option >
<option>Surat </option>
<option>Ahmedabad </option>
</select>


<input type="submit" value="Submit">
</form>

Run Example>>