Foros del Web » Programando para Internet » Javascript »

Ayuda con form javascript y imagenes de verificacion

Estas en el tema de Ayuda con form javascript y imagenes de verificacion en el foro de Javascript en Foros del Web. Buenas a todos, Me estoy aventurando con la validación javascript y he conseguido que me valide el formulario jejeje pero me gustaría que visualmente la ...
  #1 (permalink)  
Antiguo 16/01/2009, 03:18
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 2 meses
Puntos: 20
Ayuda con form javascript y imagenes de verificacion

Buenas a todos,

Me estoy aventurando con la validación javascript y he conseguido que me valide el formulario jejeje pero me gustaría que visualmente la validación quedase de otra manera.

Os adjunto tal y como se ve ahora el formulario (os pego 2 ejemplos)




Cómo podéis apreciar el texto de la validación aparece debajo del input.
En cuanto al error en rojo ya va bien que le explique al usuario en que ha fallado. Pero en lugar del verde me gustaría eliminarlo, y añadir los iconos siguientes en la validación, junto con los tooltips que aparecen cuando hace clic dentro del input.

(2 ejemplos, para que se aprecie las 3 fases del icono)



Cómo lo debo hacer para conseguir el efecto de los iconos de validación?

Muchas gracias de antemano

Última edición por neodani; 16/01/2009 a las 14:41
  #2 (permalink)  
Antiguo 16/01/2009, 14:42
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 2 meses
Puntos: 20
Respuesta: Ayuda con form javascript y imagenes de verificacion

He editado las imagenes porque no se veian.

Alguién me puede ayudar / orientar? ando bastante pérdido en como colocar esas imágenes...

Muchas gracias
  #3 (permalink)  
Antiguo 16/01/2009, 14:44
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: Ayuda con form javascript y imagenes de verificacion

Supongo que el texto lo estás mostrando/ocultando en un contenedor, pues lo mismo con la imagen. Agregas la imagen al código, y lo muestras/ocultas de acuerdo a la validación (cambiando su estilo display a block/none)
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #4 (permalink)  
Antiguo 18/01/2009, 15:46
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 2 meses
Puntos: 20
Respuesta: Ayuda con form javascript y imagenes de verificacion

Cita:
Iniciado por David el Grande Ver Mensaje
Supongo que el texto lo estás mostrando/ocultando en un contenedor, pues lo mismo con la imagen. Agregas la imagen al código, y lo muestras/ocultas de acuerdo a la validación (cambiando su estilo display a block/none)
El problema es que estoy utilizando una clase de ejemplo y la verdad es que me resulta dificil descifrar cuando lo muestra y cuando lo oculta...

No puedo poner el codigo porque supera los 10.000 caracteres pero si puedo poner el enlace a la libreria en cuestión.

Live Validation

Me aconsejáis utilizar otra o esta es lo suficiente clara y pero soy yo que no entiende? xD
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:57.