The idea is to validate all the 3 select boxs and if the user dont chose any option in any box he display a label below saying "that champ is need".
I can do for one select but I dont know how to do for the 3 at the same time.
HTML
<div class="all_3_boxes">
<div class="dateNaissance">
<div class="inner">
<select id="selJour" name="subjectJour">
<option value="">Jour</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
</div>
<div class="dateMois">
<select>
<option value"">Mois</option>
<option value"1">1</option>
<option value"2">2</option>
<option value"3">3</option>
</select>
</div>
</div>
<div class="dateAnee">
<select>
<option value"">Année</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
</select>
</div>
</div>
</div>
<label class="errorSelectJour" id="select_errorSelectJour">Ce champ est requis</label>
Jquery
//validation Jour
$(function() {
$('.errorSelectJour').hide(); // Hide Warning Label.
$("a[name=sub]").on("click", function() {
var returnvalueJour;
if($("select[name=subjectJour]").val() == 0) {
$("label#select_errorSelectJour").show(); // show Warning
$("select#selJour").focus(); // Focus the select box
returnvalueJour=false;
}
else{
$("label#select_errorSelectJour").hide(); // show Warning
}
return returnvalueJour;
});
});