-
Cómo comprobar un número válido en JavaScript
-
Si no se verifica la entrada del usuario en un formulario Web puede causar problemas en su sitio web que van desde pequeñas molestias a los fallos del sistema. Un cuadro de texto en una página web permite a los usuarios introducir cualquier y todos los caracteres del teclado. Si la aplicación espera un número válido, debe comprobar que la entrada del usuario es de hecho un valor numérico. Una forma rápida de hacerlo es utilizar JavaScript. Este lenguaje de programación tiene una función simple que puede utilizar para asegurarse de que sus visitantes del sitio sólo los números de entrada en los campos numéricos.Instrucciones
1 Abra uno de los documentos HTML que contienen un formulario Web utilizando el Bloc de notas o su editor de página HTML preferido.
2 Inserte la siguiente función de JavaScript en la sección "<head>" de su documento:
<Script type = "text / javascript">
var texto = "100..02";
ValidateInput (texto);
función ValidateInput (texto)
{Var válida;
si (isNaN (texto))
válido = false;
otra cosa válida = true;
alert ( "número válido =" + válida);
volver válida;
}
</ Script>
La primera línea de código asigna un valor de "100..02" para el "texto" variables; es decir un número no válido, ya que contiene dos puntos decimales. Los usuarios pueden introducir inadvertidamente esos valores en los cuadros de entrada. La segunda línea de código llama a la función "ValidateInput" cuando se carga la página. Se pasa el valor del "texto" variable "100..2" a esa función. La función "ValidateInput" utiliza la función "isNaN" para ver si la entrada es ilegal. Si es así, se establece la variable "válida" a "falso". De lo contrario, se establece el valor a "true". Los "alerta" comando muestra un cuadro de mensaje que muestra el valor de la variable "válida". La última línea de código devuelve el valor de "válido".
3 Guarde el documento y abrirlo en su navegador. Las carreras de código y visualiza "número válido = false" debido a que el valor almacenado en la variable de texto no es un número.
4 Volver al documento y el cambio "100..2" a cualquier número válido. Guardar y ver el documento de nuevo en su navegador. Se mostrará "número válido = true".
Consejos y advertencias
- La segunda línea de código llama a la función de validación JavaScript automáticamente cuando se carga la página, lo que permite probar la función. Después de la prueba, retire la segunda línea de código. A continuación, puede llamar a la función "ValidateInput" siempre que lo necesite para validar un número que un usuario ha entrado. Por ejemplo, después de que el usuario rellena un cuadro de entrada y hace clic en un botón, se puede pasar la entrada a la función "ValidateInput", que devolverá el valor de "válido". Si el valor es "falsa", se visualiza un mensaje de error indicando al usuario que introduzca un valor numérico.
