Problemas al crear createElement en bucle

[migue1891]

Muy buenas estoy validando un formulario y estoy teniendo problemas a la hora de imprimir los errores.

Pongo el codigo comentado

Código Javascript:

function validar(){
    errores = new Array();
    bandera = false;
    valorPass = document.getElementById("contraseNa").value;
    valorPassR = document.getElementById("confirmarcontraseNa").value;
    if( valorPass != valorPassR ){
        errores.push("Las contraseñasn no coinciden"); 
        bandera = true;
    }
    if( valorPass.length < 6 ){
        errores.push("Contraseña demasiado corta"); 
        bandera = true;
    }
    valorEmail = document.getElementById("email").value;
    if( !(/^[0-9a-z_\-\.]+@[0-9a-z\-\.]+\.[a-z]{2,4}$/.test(valorEmail)) ) {
        errores.push("Direccion de correo no valida");
        bandera = true;
    }
    valorCp = document.getElementById("CP").value;
    if( valorCp != 5 ){
        errores.push("Codigo postal no valido"); 
        bandera = true;
    }
        
       //Si Tengo bandera true es que tengo minimo un error asi que creo el div errores.
    if (bandera==true){
            
            var divErrores = document.createElement("div");
         
    //Recorro un array con los errores que he rellenado anteriormente
            for(x=0;x<errores.length;x++){
    //inserto cada error en un elemento span
              var nuevoError = document.createElement("span");
               nuevoError.text = errores[x];
    //inserto cada elemento span en el divErrores
               divErrores.appendChild(nuevoError);
            }            
   //inserto el div dentro de un div que tengo en la web para que sean visibles.
            document.getElementById("CamposNoValidados").appendChild(divErrores); 
    }
        
       
}
 

Muchísimas gracias por su ayuda