Campos obligatorios de un formulario con wForms

23/Jun/2007 wForms 7 Comentarios

Muchas son las librerías que han aparecido sobre el lenguaje JavaScript. Todas ellas se han orientado para ayudar a la hora de realizar aplicaciones dinámicas, reduciendo la necesidad de escribir código JavaScript. Entre estas librerías encontramos wForms, la cual se especializa en ayudarnos en el desarrollo de controles sobre formularios.

Una de las cosas que podemos hacer con wForms es validar, de una forma muy sencilla, que el campo es obligatorio.

Lo primero que tenemos que hacer es cargar las librerías de wForms. A si que hay que descargarse la librería, en versión normal o en versión comprimida.

Para cargar la librería, simplemente la instanciamos mediante código HTML:

<script type="text/javascript" src="wforms.js"></script>

A la hora de escribir un formulario, si queremos que el campo sea obligatorio, simplemente tendremos que asociarle la clase "required".

<input type="text" class="required" id="campo_de_texto">

Muy sencillo. Ahora, cuando se vaya a enviar el formulario, la librería wForms se encargará de validar que haya algo en el campo antes de enviarle.

wForms te muestra dos mensajes. El primero será debajo del campo de texto indicando que ese campo es obligatorio y un mensaje de alerta diciendo que hay errores en el formulario y que no será enviado.

Los textos son mostrados en ingles. Es por ello que si queremos traducirlos a otro idioma (español, en nuestro caso) tenemos que modificar las variables errMsg_required y errMsg_notification.

<script type="text/javascript">
wFORMS.behaviors['validation'].errMsg_required = "Este campo es obligatorio";
wFORMS.behaviors['validation'].errMsg_notification = "%% error(s) detectado(s). El formulario no se enviará.nPor favor, chequea la información suministrada."; 
</script>

Visualizar el ejemplo | Descargar el código

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

7 comentarios en “Campos obligatorios de un formulario con wForms”

Víctor Cuervo

olga

deseo validar la fecha tipo aaaa/mm/dd, pero no me funciona he usado varios codigos pero no me funciona. sera que alguien me puede dar una manita

Víctor Cuervo

hazur

muy buen script, fácil de instalar y customizar, gracias y saludos.

Víctor Cuervo

aldana

qe es un campo obligatorio¿?
y cmoo tengo qe completarlo en un formularioo ¿?
x ejemplo llenar el formulario de sweet victorian,, me pide algo asi cmo CP,, y nose con qe completar!!!!ayudenmeee..plis!

Víctor Cuervo

Javier Guerrero

Probe el codigo en mis formularios de registro, contactos, etc buenisimo lo recomiendo.

Víctor Cuervo

eu

solo me funciona con explorer…, no funciona con otros exploradores o es cosa mia

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*