Lo so che l'argomento è stato trattato in mille modi ma ho letto mille guide ma non ne vengo a capo. Io ho un fomr con un select dove l'utente sceglie la sua data di nascita così
e nel codice html viene richiamato un file javascript che dovrebbe controllare live se il campo è stato selezionato. i lcodice è questo
il problema è che non riesco a capire come impostare il controllo del campo. Al controllo se positivo appare un flag verde se negativo una riga di testo che avvisa di selezionare la data. come posso risolvere?
HTML:
<p>
<label for="eta" class="block">Età:</label>
<select class="select" name="eta" id="eta" onchange="sel_eta()">
<option value="0">Seleziona</option>
<option value="1">+50</option>
<option value="2">30-50</option>
<option value="3">11-29</option>
<option value="4">1-10</option>
</select>
</p>
HTML:
'eta' : function() {
$('body').append('<div id="etaInfo" class="info"></div>');
var etaInfo = $('#etaInfo');
var ele = $('#eta');
var pos = ele.offset();
etaInfo.css({
top: pos2.top-3,
left: pos2.left+ele2.width()+25
});
if(document.jform.ele.value == 0) {
jVal.errors = true;
etaInfo.removeClass('correct').addClass('error').html('← Quanti anni hai?').show();
etaInfo.removeClass('normal').addClass('wrong');
} else {
jVal.errors = false;
etaInfo.removeClass('error').addClass('correct').html('√').show();
etaInfo.removeClass('wrong').addClass('normal');
}
}