¿Cómo puedo enlistar todos los campos de un formulario?

[dfmex]

Iniciado por Alexis88

Ya tienes la idea, solamente te faltó recorrer al conjunto de elementos que contiene el formulario y en cada iteración, ir imprimiendo el Id y valor de cada uno de ellos.

Código Javascript:

var form = document.getElementById("formulario"),
    elementos = form.elements,
    total = elementos.length;
 
form.addEventListener("submit", function(e){
    e.preventDefault();
    for (i = 0; i < total; i++)
        if (elementos[i].getAttribute("type") != "submit")
            document.body.innerHTML += elementos[i].id + ": " + elementos[i].value + "<br />";
}, false);
 

Esto sucederá cuando se haya mandado a procesar el formulario (evento submit), para lo cual, evito que se ejecute esta acción mediante el método preventDefault. Ya controlado dicho evento, proceso a recorrer al conjunto de elementos del formulario con ayuda de un bucle. En cada iteración, imprimiré los datos que deseo mostrar siempre y cuando no se trate del botón de tipo "submit" que es el que utilizo para el envío de los datos del formulario para su procesamiento.

DEMO

Saludos

Funcionó fenomenal, lo adapté a mis necesidades y todo bien, te agradezco mucho por responder a mi pregunta!