wForms

wForms y campos de formulario numéricos

12/Sep/2007

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

Suscribir
Notificar de
guest
0 Comentarios
Opiniones integradas
Ver todos los comentarios