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