Convalida campi nascosti style:display: none

[ertos]

Ciao ragazzi ho un problema

Ho questo form, in cui per ogni valore selzionato dalla select AAA BBB si apre il rispettivo campo di testo, i campi inizialmente sono nascosti con dei div (style:none), ho inserito un javascipt per la convalida dei campi, pero mi da la convalida anche dei campi nascosti. Vorrei fare in vodo che la convalida sia solamente sui campi selezionati attivati.

E possibile?
Grazie

<script type="text/javascript">
function prova(){
var sel = document.getElementById('test');
if (sel.options[sel.selectedIndex].value == '1') {
document.getElementById('a_1').style.display = "block";
document.getElementById('a_2').style.display = "none";
}
else if (sel.options[sel.selectedIndex].value == '2') {
document.getElementById('a_1').style.display = "none";
document.getElementById('a_2').style.display = "block";
}

}

function controllo(){
    with(document.form) {
        if(aaa.value=="") {
        alert("Compila AAA");
        aaa.focus();
        return false;
        }        
        
        if(bbb.value=="") {
        alert("Compila BBB");
        bbb.focus();
        return false;
        }    
    var stato=true;    
    }
}    
</script>


<form name="form" method="post" enctype="multipart/form-data" action="#" onsubmit="return controllo();">   
<select name="test" id="test" style="width:170px" onchange="prova();">
<option value="">Seleziona</option>
<option value="1">AAA</option>
<option value="2">BBB</option>
</select>

<div id="a_1" style="display:none">AAA<input name="aaa" type="text" id="aaa" size="20" /> </div>
                
<div id="a_2" style="display:none"> BBB<input name="bbb" type="text" id="bbb" size="20" />  
</div>  

<input type="submit" name="invia" id="invia" value="Invia" />
 
</form>

[giulio_74]

senza starci troppo a pensare ..Puoi utilizare i tag html 5 hanno gia una convalida del modulo poi ovviamente devi verificarne sempre l'input utente lato server
questo perchè un hacker potrebbe aggirarli ( valido anche per il javascript)

[ertos]

Nessuna soluzione a questo problema??

[tampertools]

if(aaa.style.display != "none" && aaa.value=="") {

idem per bbb

[ertos]

if(aaa.style.display != "none" && aaa.value=="") {

idem per bbb

Ma dove si inserisce questo codice e cosa fa? non capisco, io ho gia la funzione controllo

[tampertools]

Al posto di

if(aaa.value=="") {