i need help in submit a form in which i have check email is existing in the drop down ,while submit the form it show the alert message but also submit the form ,when no alert message shown then only form need to submit
$(document).on('click', '#Records', function (event) {
$("#dropval select option:selected").each(function () {
var z = $(this).val();
//alert(z);
if(z != 'email') {
alert('please select Email');
e.preventDefault();
return false;
} else {
return true;
}
});
});
});
<form name="search" method="post" action="sample1.php" >
<div id="dropval">
<select name="select3[1]" class="mySelects" >
<option value="None" selected > None</option>
<option value="email" >email</option>
<option value="firstname" >firstname</option>
<option value="lastname" >lastname</option>
<option value="mobile" >mobile</option>
</select>
<select name="select3[2]" class="mySelects" >
<option value="None" selected > None</option>
<option value="email" >email</option>
<option value="firstname" >firstname</option>
<option value="lastname" >lastname</option>
<option value="mobile" >mobile</option>
</select>
<select name="select3[3]" class="mySelects" >
<option value="None" selected > None</option>
<option value="email" >email</option>
<option value="firstname" >firstname</option>
<option value="lastname" >lastname</option>
<option value="mobile" >mobile</option>
</select>
<select name="select3[4]" class="mySelect" >
<option value="None" selected> None</option>
<option value="email" >email</option>
<option value="firstname" >firstname</option>
<option value="lastname" >lastname</option>
<option value="mobile" >mobile</option>
</select>
</div>
<input type="submit" value="submit" id="Records">
</form>
Try this:
You were returning in the loop, this won’t do anything to the submit.