Si ayer escribíamos como «Validar que un campo del formulario es alfabético con wForms» hoy vamos a ver como hacerlo para campos alfanumericos.
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.
La línea de código sería la siguiente:
<input type="text" class="validate-alphanum required">
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>