JavaScript validación, solo números

Hay muchas situaciones para permitir ingresar solo números o alfabetos, o ambos son aceptables en los campos del formulario, dependiendo de los requisitos. Para este propósito, valida los campos de acuerdo con el requisito utilizando la validación de JavaScript. Asegura que la entrada del usuario sea correcta, completa y de acuerdo con la necesidad o no antes de enviarla al servidor.

Esta publicación definirá los enfoques para validar los campos del formulario para ingresar solo números.

Validación de JavaScript solo para ingresar números

Para validar los campos para ingresar solo números, use los enfoques mencionados a continuación:

• Usando regex
• Uso del método isnan ()

Método 1: números de validación solo utilizando una expresión regular

Utilizar el "regular expresión"O un"regular patrón"Para validar los campos del formulario para ingresar solo los números. Para verificar la entrada del usuario, use el "fósforo()"Método con el regex que coincide con la entrada con el patrón regex proporcionado.

Ejemplo

En el archivo HTML, use el siguiente código para crear un formulario:

Ingrese su número PIN: autocomplete = "Off">

Según el fragmento de código anterior:

• Primero, cree un formulario que contenga un campo de entrada que solo acepta el número como un "Alfiler Número".
• Luego, cree un espacio para un mensaje de impresión si la entrada es incorrecta o correcta usando el

  etiqueta.

• Crear un "entregar"Botón que llama al"NumberValidationFunc ()"En el botón, haga clic para verificar los campos del formulario.

Use el siguiente código en el ""Etiqueta o archivo JavaScript:

Función NumberValidationFunc ()

entrada var = documento.GetElementById ("PinNumber").valor;
Patrón var = /^[0-9]+$ /;
if (entrada.Match (patrón))

documento.getElementById ("Error").innerhtml = "genial";
devolver verdadero;

demás

documento.getElementById ("Error").innerhtml = "Ingrese el valor numérico";
falso retorno;

Aquí, en el fragmento anterior:

• Primero, defina una función llamada "NumberValidationFunc ()"Eso se invocará en el botón Haga clic.
• Obtenga el valor de entrada usando el "valor" atributo.
• Crear un patrón regex almacenado en una variable "patrón".
• Luego, verifique si la entrada coincide con el patrón usando el "fósforo()" método.
• Si la entrada coincide con el patrón, imprima el mensaje "Excelente", De lo contrario, muestre el mensaje de error"Ingrese el valor numérico".

Como puede ver, la salida solo acepta los números al ingresar números con alfabetos no es aceptable, y muestra un mensaje de error:

Método 2: Números de validación solo usando el método ISNAN ()

También puedes usar el "isnan ()Método para validar campos para ingresar solo los números. Toma la entrada como argumento y verifica si la entrada es un número que da "verdadero"De lo contrario, da"FALSO".

Ejemplo

Defina una función "NumberValidationFunc ()"Eso llamará al evento OnClick del botón Enviar para verificar si la entrada es un número o no usar el"isnan ()" método:

Función NumberValidationFunc ()

entrada var = documento.GetElementById ("PinNumber").valor;
if (isnan (entrada))

documento.getElementById ("Error").innerhtml = "Ingrese el valor numérico";
falso retorno;

demás

documento.getElementById ("Error").innerhtml = "genial";
devolver verdadero;

Producción

Eso se trata de la validación de números solo en JavaScript.

Conclusión

Para validar los campos de texto del formulario solo para valores numéricos, use el "expresión regular"Como patrones regex o el"isnan ()" método. Ambos enfoques son los mejores para validar solo números, y puede elegir/elegir cualquiera de acuerdo con su deseo. Esta publicación definió los enfoques para validar los campos del formulario para ingresar solo números.