wForms

Validaciones de fechas en formularios con wForms

08/Sep/2007

Dentro de la lista de validaciones que nos ofrece wForms, tenemos la validación de fechas. Esta validación comprobará que el dato insertado en un campo de un formulario puede ser cargado en un objeto Date de JavaScript.

Para poder ejecutar la validación deberemos de indicar que el campo del formulario es de tipo «validate-date required». Es por ello que el código es muy sencillo:

<form action="enviar.php">
<label for="fecha">Entrada Alfanumerica:</label><input id="fecha" type="text" class="validate-date required"><br>
<input type="submit" value="Enviar"/>
</form>

No hay que olvidarse de que lo primero es cargar el framework wForms. Esto lo añadiremos dentro de las etiquetas <HEAD> de la página HTML.

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

Además tenemos la posibilidad de alterar el mensaje que sale cuando falla la validación. Para ello podemos modificar el objeto JavaScript wFORMS.behaviors[‘validation’].errMsg_date.

<script type="text/javascript">
wFORMS.behaviors['validation'].errMsg_date = "El formato de la fecha insertada no es válido [dd-mm-aaaa]";
wFORMS.behaviors['validation'].errMsg_notification = "%% error(s) detectado(s). El formulario no se enviará.\nPor favor, chequea la información suministrada."; // %% will be replaced by the actual number of errors
</script>

Visualizar el ejemplo | Descargar el código

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