wForms y campos de formulario numéricos

12/Sep/2007 wForms , , ,

A nadie le gustaría que si al crear un formulario HTML con un campo numérico alguien pusiese letras dentro. Mediante wForms podemos validar que el campo es numérico de forma sencilla.

Simplemente tendremos que cargar el framework wForms y utilizar la clase "validate-integer" dentro del campo de texto.

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

<label for="entero">Numero Entero:</label><input id="entero" type="text" class="validate-integer"><br>

Si bien, esta validación solo nos hará la validación sobre números enteros. En el caso de querer extender la validación a números decimales deberemos de utilizar la clase "validate-float". En este caso nuestro código será:

<label for="decimal">Numero decimal:</label><input id="decimal" type="text" class="validate-float"><br>

Lo último que tenemos que saber es como modificar el texto de error. Esto lo podemos hacer mediante las variables JavaScript wFORMS.behaviors['validation'].errMsg_integer y wFORMS.behaviors['validation'].errMsg_float.

wFORMS.behaviors['validation'].errMsg_integer = "El texto introducido tiene que ser un número entero";
wFORMS.behaviors['validation'].errMsg_float = "El texto introducido tiene que ser un número decimal. Por ejemplo: 9,5";

Visualizar el ejemplo | Descargar el código

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D