Tengo el siguiente código: lo que trato de hacer es que cuando un usuario nuevo quiere registrarse en mi proyecto debe llenar el formulario 3 veces una vez enviado 3 veces recién el registro sera exitoso. Por ese motivo uso localStorage
para guardar los datos del primer, segundo y tercer envio del formulario.
El código que presento en realidad es una abstracción (minimo, completo y verificable) de mi código real (sería mucho código).
El código que publico no funciona en SOes (no sé por qué), pruébenlo de manera local por favor.
var nombreAux = "";
var apellidoAux = "";
var dato_G = []; //tiempo de presion y realce
var dato_aux = [];
var iteracion = 0;
$(window).on('load', function () {
$('#add-new-fact').click(function () {
var nombreUser = $('#nom').val();
var passUser = $('#pass').val();
var dato = $('#dato').val();
dato_aux.push(dato);
if (nombreUser != "" && passUser != "") {
/*Guardando los datos en el LocalStorage*/
nombreAux = localStorage.getItem("Nombre");
apellidoAux = localStorage.getItem("contrasena");
// alert(nombreAux+" "+apellidoAux);
if ((nombreAux == "" || apellidoAux == "")) {
localStorage.setItem("Nombre", nombreUser);
localStorage.setItem("contrasena", passUser);
}
nombreAux = localStorage.getItem("Nombre");
apellidoAux = localStorage.getItem("contrasena");
if (((nombreUser != nombreAux || passUser != apellidoAux))) { //cuando es nuevo user
localStorage.setItem("Nombre", nombreUser);
localStorage.setItem("contrasena", passUser);
dato_G.push(JSON.stringify(dato_aux));
localStorage['dato'] = dato_G;
dato = [];
}
if ((nombreUser == nombreAux || passUser == apellidoAux) && (iteracion < 6) && (typeof dato != undefined)) { //cuando ya es un usuario
iteracion++;
if (dato.length > 0) {
dato_G.push(JSON.stringify(localStorage['dato']));
dato_G.push(JSON.stringify(dato_aux));
dato_aux = [];
}
localStorage['dato'] = dato_G;
}
alert(localStorage['dato']);
location.reload();
if (iteracion == 3) {
//por medio de ajax recien envio los datos para su registro en la BD
}
return false;
}
alert(localStorage['dato']);
nombreUser = "";
passUser = "";
});
});
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="main.js"></script>
</head>
<body>
<input id="nom" type="text" placeholder="nombre">
<input id="pass" type="text" placeholder="pass">
<input id="dato" type="text" placeholder="dato">
<a href="#" id="add-new-fact" >enviar</a>
</body>
</html>
El resultado me genera un array
"infectado" o con basura, parecido al screenshot de abajo:
Quisiera quedarme solamente con los arrays
. ¿Será posible?
Nota: a medida que se va insertando array
se va llenando de mas basura.
¿Cómo evitar esa basura? ¿Por qué se genera?
JSON.stringify
y recuperarlo medianteJSON.parse(localStorage.getItem('mydata'));
. De ésta manera aseguras el formato del objeto. – gugadev el 1 ene. 17 a las 11:48