wForms y campos de formulario numéricos Septiembre 12, 2007
Publicado por lineadecodigo en : wForms , trackbackA 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
Articulos Similares:
- Validaciones de fechas en formularios con wForms
- Validar que un campo del formulario es alfabético con wForms
- Control alfanumerico en formularios con wForms
- Posicionar el lugar de error en wForms
- Validaciones personalizadas con wForms
Enviar entrada por email
| 
Imprimir
| 3286 visitas
(Todavia sin evaluar)
Loading ...
Comentarios»
Todavía no hay comentarios. ¿Quieres ser el primero?