wForms

Campos obligatorios de un formulario con wForms

23/Jun/2007

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

Suscribir
Notificar de
guest
7 Comentarios
Recientes
Anteriores Más votados
Opiniones integradas
Ver todos los comentarios