validar formularios sin alert()

[chiquirf]

Hola a todos,

Quiero validar formularios pero la Web que estoy haciendo es super elegante y se ve horrible los alerts de JS, con el azul de la ventana de windows.

Lo que quiero hacer es que en vez de que te lance los alerts, te muestre un texto en la misma página al comienzo y en rojo indicando que es lo que falta, el problema es que no tengo ni idea como hacerlo y tengo algunas limitaciones:

Realmente es un "subformulario" porque lo que necesito validar con un botón es una parte de el, luego con otro boton otra parte del form, y luego un botón "maestro" que te envíe el formulario (validandolo todo previamente)

En JavaScript he logrado con funciones, cambiar los atributos de alguna etiqueta, por ejemplo: el value de un input, el href de un enlace o los estilos de un div.

Pero como cambio el texto que está incluido entre las etiquetas <span>texto</span> ?????

Gracias por su ayuda

Saludos

[Adler]

Hola

La idea más o menos puede ser

+Crear divs para cada campo a validar
<div id="campo1"></div>
+ En la función que valida los campo, hacer algo como
documet.getElementById("campo1").InnerHTML = "Error en el campo1.....";

Suerte

[David]

También podrías tener un contenedor oculto, con el texto "Error en el campo", luego cuando haya algún error mostrar el contenedor.

[chiquirf]

Ya está, al principio no me funcionaba porque estaba poniendo InnerHTML y es innerHTML, con la "i" en minusculas....

Gracias....

Saludos

[cher1_7]

Iniciado por chiquirf

Hola a todos,

Quiero validar formularios pero la Web que estoy haciendo es super elegante y se ve horrible los alerts de JS, con el azul de la ventana de windows.

Lo que quiero hacer es que en vez de que te lance los alerts, te muestre un texto en la misma página al comienzo y en rojo indicando que es lo que falta, el problema es que no tengo ni idea como hacerlo y tengo algunas limitaciones:

Realmente es un "subformulario" porque lo que necesito validar con un botón es una parte de el, luego con otro boton otra parte del form, y luego un botón "maestro" que te envíe el formulario (validandolo todo previamente)

En JavaScript he logrado con funciones, cambiar los atributos de alguna etiqueta, por ejemplo: el value de un input, el href de un enlace o los estilos de un div.

Pero como cambio el texto que está incluido entre las etiquetas <span>texto</span> ?????

Gracias por su ayuda

Saludos

y no podrias poner el codigo completo?
es que tambien quiero hacer lo mismo gracias...