Ciao ragazzi avevo progettato questo codice per verificare 1= se le password sono uguali 2= se i campi sono vuoti. Però a seconda di quale codice metto prima o dopo mi considera solo il controllo che sta più in basso...

if(document.getElementById("parolachiave").value!= document.getElementById("parolachiave2").value){
evidenzia("parolachiave");
evidenzia("parolachiave2");
window.scroll("0","0");
convalida=false;

} else {
disevidenzia("parolachiave");
disevidenzia("parolachiave2");
}

if(document.getElementById("parolachiave").value== ""){
evidenzia("parolachiave");
window.scroll("0","0");
convalida=false;
} else {
disevidenzia("parolachiave");
}

if(document.getElementById("parolachiave2").value= =""){
evidenzia("parolachiave2");
window.scroll("0","0");
convalida=false;
} else {
disevidenzia("parolachiave2");
}


Le funzioni chiamate sono queste

function evidenzia(e) {
document.getElementById(e).style.border=3;
document.getElementById(e).style.borderColor="#f00 ";
document.getElementById(e).style.borderStyle="soli d";

document.getElementById("boxcontrollo").style.disp lay="block";
document.getElementById(e + "lab").style.color="#f00";
document.getElementById(e + "lab").style.fontWeight="bold";
document.getElementById(e).nextSibling.innerHTML=" *";
}

function disevidenzia(e) {
document.getElementById(e).style.border="";
document.getElementById(e).style.borderColor="";
document.getElementById(e).style.borderStyle="";

document.getElementById("boxcontrollo").style.disp lay="none";
document.getElementById(e + "lab").style.color="";
document.getElementById(e + "lab").style.fontWeight="";
document.getElementById(e).nextSibling.innerHTML=" ";
}