I have this function and would like to use it with multiple form but I’m new to javascript, any help would be appreciated.
function validate_form (anyform){
valid = true;
if ( document.anyform.color.selectedIndex == 0 ){
alert ( “Please select an option from the dropdown menu.” );
valid = false;
}
return valid;
}
<form action=”addtocart.php” method=”get” onSubmit=”return validate_form (this);” id=”form1″ name=”form1″>
<select name=”color”>
<option >Select color</option>
<option value=”blk”>blk</option>
<option value=” brwn”> brwn</option>
<option value=” navy”> navy</option>
<option value=” red”> red</option>
<option value=” purple”> purple</option>
<option value=” green”> green</option>
</select>
<input name=”submit” type=”submit”>
</form>
<form action=”addtocart.php” method=”get” onSubmit=”return validate_form (this);” id=”form2″ name=”form2″>
<select name=”color”>
<option >Select color</option>
<option value=”blk”>blk</option>
<option value=” brwn”> brwn</option>
<option value=” navy”> navy</option>
<option value=” red”> red</option>
<option value=” purple”> purple</option>
<option value=” green”> green</option>
</select>
<input name=”submit” type=”submit”>
</form>
<
form action=”addtocart.php” method=”get” onSubmit=”return validate_form (this);” id=”form3″ name=”form3″>
<select name=”color”>
<option >Select color</option>
<option value=”blk”>blk</option>
<option value=” brwn”> brwn</option>
<option value=” navy”> navy</option>
<option value=” red”> red</option>
<option value=” purple”> purple</option>
<option value=” green”> green</option>
</select>
<input name=”submit” type=”submit” >
</form>