wForms y campos de formulario numéricos

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.

Validar números enteros

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>

Validar números decimales

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>

Personalizar mensajes de error

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";