Crear array con jquery a partir de un formulario

[jandrogdz]

Buenas foro.

Estoy intentando crear un array a partir de un formulario, es decir, cada que el usuario salga de una caja de texto se cree un array con ciertos valores que necesito para validar el form con php.

Al terminar de ingresar datos en el ultimo input, el array creado lo quiero asignar a un input oculto para enviarlo por php.

Código Javascript:

$("input,textarea").blur(function(){
                    
                    var arrayForm = [];
                    var nombreAtt = $(this).attr('name');
                    var indexInput = $(this).attr('id');
                    var valorInput = $(this).val();
                    var validarInput = $(this).attr('data-validate');
                    var validarIgual = $(this).attr('data-id');
                    var validarIgualInput = $(this).attr('rel');
                    
                    indexInput = [];
                    indexInput["inputName"] = nombreAtt;
                    indexInput["inputValue"] = valorInput;
                    indexInput["inputExp"] = validarInput;
                    indexInput["inputEquals"] = validarIgual;
                    indexInput["inputEqualsValue"] = validarIgualInput;
                    
                    arrayForm.push(indexInput);
                    
                    //$("#validador").val(arrayForm);
                
                    //alert(Object);
                    console.dir(arrayForm);
                });
 

Estoy haciendo pruebas en la consola pero no ingresa el array dentro del array es decir si muestro arrayForm.lenght simepre me muestra 1.

Y no podido ver la manera de ver toda la estructura del array que se esta formado, como un tupo print_r de php


Espero alguien me pueda apoyar.

De antemano muchas gracias

[infoturnosya]

No entendi muy bien lo que queres hacer , pero si necesitas recojer los valores de todos los elementos del form en un array proba con serialize, ej:

Código Javascript:

$( "form" ).serialize();
 

[Alexis88]

Si vas a realizar una petición síncrona, es decir, un envío tradicional de los datos del formulario en el que recarga el documento para mostrar el resultado (lo contrario a AJAX), no es necesario que formes array alguno. Cuando se realice el envío, ya sea mediante el método GET o POST, podrás acceder a los datos a través de cualquiera de los arrays asociativos $_GET o $_POST, según sea el caso, pero si vas a realizar una petición asíncrona (AJAX), puedes utilizar el método .serialize(), que te recomienda infoturnosya, formando así la cadena de consulta que enviarás mediante cualquiera de los métodos que ofrece jQuery para realizar una petición asíncrona. Y si quieres formar un array con todos los valores del formulario solo para verlo en el mismo documento (no para enviarlo), puedes utilizar el método .serializeArray().

Un saludo