Validaciones de fechas en formularios con wForms

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.

Aplicar la clase validate-date

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>

Cargar el framework wForms

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>

Personalizar mensajes de error

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>