creando elementos con DOM

[yacatl]

Tengo un problema al crear elementos con DOM.

Tengo un js para validar un formulario, y quiero en lugar de mandar un alert cuando algo falla, escribir el error sobre una celda.

Esta celda tiene un id="muestraError"

Cuando yo estoy haciendo mi validacion y detecto un error hago lo siguiente:

Código HTML:

msg = document.createTextNode("Dejaste un campo vacio que es necesario");
document.getElementById('muestraError').appendChild(msg); 
forma.elements[i].style.border = "#FF0000 1px solid";
forma.elements[i].focus();
return false;

Resulta que el borde del elemento si cambia el color pero el texto nunca aparece. Igual resulta que tampoco soy muy bueno en utilizar los elementos del DOM, por eso es la pregunta.

Saludos!

[frijolerou]

Esa es la forma correcta de crear un nodo de texto, no tendría por qué no funcionarte. ¿Te fijaste si el valor de ID es el correcto?.

Tutorial de DOM (en castellano)

[yacatl]

Si, lo he revisado y vuelto revisar pensando en lo mismo, que quizá el id de la celda no se llamara como lo estaba referenciando, pero si, esta escrito de la misma manera, incluso he copiado y pegado.

En fin, gracias por quitarme la duda de si era la manera correcta, veré que más puede ser.

Saludos!

[tunait]

Lo he probado y funciona correctamente

[yacatl]

será que de alguna manera tengo mal configurado mi navegador. Pero me dá mayor confianza para investigar el porque no veo los cambios si está bien declarado.

Saludos!

[caricatos]

Hola:

Parece que el código está bien, pero no sabemos de donde sale forma y "i"...
De todos modos, en vez de crear nuevos elementos, ¿Por qué no dejas una capa invisible, y en la validación la muestras... Una segunda validación mala crearía otro elemento y así sucesivamente... de la forma que te planteo solo debes mostrar/ocultar...

Saludos

[frijolerou]

Tiene razón lo que menciona caricatos, a medida que no pase la validación el mensaje de error se irá duplicando. Una opción es la que te señala caricatos, mantener el mensaje de error oculto, si no pasa la validación hacer visible ese mensaje.

Otra opción sería similar a la que estás utilizando, pero en vez de crear el mensaje de error como nodo de texto lo creas como un string, y lo insertas en la celda mediante la propiedad innerHTML. De esa manera el mensaje en dicha celda no se iría duplicando, sino que se iría reemplazando cada vez que se comete un error:

Código:

document.getElementById('elID').innerHTML = 'Mensaje de error';

[yacatl]

Ciertamente, jejeje, que bueno que no me salía, lo andaba haciendo mal. Ahora trataré de hacerlo bajo esa otra perspectiva.

Muchas gracias a todos!!
Saludos!