Linea de Codigo

Si queremos validar que un campo de un formulario es alfabético, las librerías wForms nos serán de gran ayuda. Estas, nos permitirán mediante pocas líneas de código conseguir esta validación.

Lo primero será cargar las librerías wForms. Para ello deberemos de añadir en la cabecera de nuestra página HTML la siguiente línea de código:

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

Ahora simplemente tendremos que utilizar la clase "validate-alpha required" en el campo de input sobre el que queramos realizar la validación alfabética.

El campo del formulario nos quedaría de la siguiente forma:

<input type="text" class="validate-alpha required">

Solo nos quedará un pequeño detalle, ya que, por defecto, el mensaje de error nos saldrá en inglés.

The text must use alphabetic characters only (a-z, A-Z). Numbers are not allowed.

Pero wForms nos permitirá parametrizar este mensaje. Para ello tenemos la propiedad wFORMS.behaviors['validation'].errMsg_alpha, a la cual podemos dar el texto que más nos interese.

Finalmente nos quedará el siguiente código:

<script type="text/javascript">
wFORMS.behaviors['validation'].errMsg_alpha = "Solo se pueden utilizar caracteres alfabéticos [a-z A-Z]";
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>

Por cierto, con wFORMS.behaviors['validation'].errMsg_notification parametrizamos el mensaje general del formulario si se produce cualquier error.

Visualizar el ejemplo | Descargar el código