Control alfanumérico en formularios con wForms

Si ayer escribíamos como “Validar que un campo del formulario es alfabético con wForms” hoy vamos a ver como hacerlo para campos alfanuméricos.

Es código es muy poco y de una forma rápida conseguiremos nuestro objetivo. Una vez cargada la librería wForms simplemente tendremos que utilizar la clase validate-alphanum required en nuestro campo de entrada.

Aplicar la clase validate-alphanum

La línea de código sería la siguiente:

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

Personalizar mensajes de error

Para que los mensajes de alerta al usuario no salgan en inglés podemos modificar los campos wFORMS.behaviors[‘validation’].errMsg_alphanum y wFORMS.behaviors[‘validation’].errMsg_notification. El primero para mostrar el texto de alerta ante un error de contenido alfanumérico y el segundo para el error general a la hora de hacer el envío del formulario.

<script type="text/javascript">
wFORMS.behaviors['validation'].errMsg_alphanum = "Solo se pueden utilizar caracteres alfanumericos [a-z 0-9]";
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>