wForms y campos de formulario numéricos

12/Sep/2007 wForms , , , Deja un comentario

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

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*