Buenas tardes compañeros, estuve rato pensando en como plantear mi problema y espero ser especifico. Tengo una funcion que crea un objeto JSON y dentro de el un array.
// Se crea un array vacio para almacenar los datos
var dataProfile = [];
// Funcion que recibe como parametros los valores de los inputs y los guarda en un objeto JSON
function addData(name, lastname, age, phone, mail) {
var profile = {
dName: name,
dApellido: lastname,
dAge: age,
dPhone: phone,
dMail: mail
};
dataProfile.push(profile);
storage(dataProfile);
}
Luego tengo estas tres funciones que lo que hacen es traer del localStorage los datos que se guardaron de los inputs del formulario.
//Funcion que toma el valor de los inputs y se los pasa a la function addData para almacenarlos.
function saveProfile() {
var dataName = document.querySelector('#name').value;
var dataApellido = document.querySelector('#apellido').value;
var dataAge = document.querySelector('#age').value;
var dataPhone = document.querySelector('#phone').value;
var dataMail = document.querySelector('#mail').value;
addData(dataName, dataApellido, dataAge, dataPhone, dataMail);
}
function storage(list) {
localStorage.setItem("profileList", JSON.stringify(list));
}
function validate() {
var parseLocal = JSON.parse(localStorage.getItem("profileList"));
if (localStorage.length !== 0 ) {
for (let i = 0; i < parseLocal.length; i++) {
data = parseLocal[i];
var dataName = document.querySelector('#name').value = parseLocal[i].dName
var dataApellido = document.querySelector('#apellido').value = parseLocal[i].dApellido;
var dataAge = document.querySelector('#age').value = parseLocal[i].dAge;
var dataPhone = document.querySelector('#phone').value = parseLocal[i].dPhone;
var dataMail = document.querySelector('#mail').value = parseLocal[i].dMail;
}
}
}
El problema es que si los inputs estan vacios me guarda los datos igual, yo lo que quiero es que si algun campo esta vacio (campo = "") agregarle un classList. He probado un monton de cosas pero no pude lograrlo, espero me puedan ayudar.