Aun soy principiante.Estoy validando un form y quiero que los errores que el usuario cometa, se muestren en una lista generada por un for. El problema surge en la parte del for, por que cuando le hago console.log, se ve que me muestra 17 veces el mismo error generado, ademas de que cuando apreto enviar otra vez, recorre de nuevo sus 17 veces. Gracias
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
.error{
border: 2px solid red;
}
.success{
border: 2px solid green;
}
</style>
</head>
<body>
<form action="">
<div><input type="text" id="name" placeholder="Tu nombre" ></div>
<div><input type="text" id="edad" placeholder="Tu edad" ></div>
<div><input type="number" id="numero" placeholder="Tu numero"></div>
<div><input type="email" id="email" placeholder="Tu email" ></div>
<div><input type="submit" value="Enviar"></div>
</form>
<ul class="errores"></ul>
</body>
<script>
$("form").submit(finalValidation)
let errores = [];
function ValidateName(){
let nameValue = $("#name").val()
if(nameValue == ""){
errores = "Ingrese su nombre";
return false
}
return true
}
function finalValidation(e){
if(ValidateName()){
alert("Form enviado!")
} else{
let ul = document.createElement("ul")
for(let i = 0; i < errores.length; i++){
let li = document.querySelector("li")
console.log(li)
}
e.preventDefault()
}
}
</script>
</html>
for
está basado en el tamaño de la variableerrores
, que no es otra cosa que una cadena de 17 caracteres (errores = "Ingrese su nombre";
), por eso ves el mensaje 17 veces al hacerfor(let i = 0; i < errores.length; i++){...
. Dado que no he entendido bien lo que quieres hacer, no puedo sugerirte una solución. Si se trata de mostrar el error cada vez, no sé por qué quieres usar unfor