¿Cómo verificar si un valor es numérico o no usando jQuery?

Dado un elemento de entrada, la tarea es verificar si el valor ingresado es numérico o no usando jQuery. El método jQuery $.isNumeric() se usa para verificar si el número ingresado es numérico o no.

Método $.isNumeric(): se utiliza para comprobar si el argumento dado es un valor numérico o no. Si es numérico, devuelve verdadero; de lo contrario, devuelve falso.

Sintaxis:

$.isNumeric( argument )

Ejemplo 1: este ejemplo usa el método jQuery .isNumeric() para verificar que el elemento ingresado sea numérico o no.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to check whether a value is
        numeric or not in jQuery?
    </title>
      
    <script src=
"https://code.jquery.com/jquery-1.12.4.min.js">
    </script>
</head>
  
<body style="text-align:center;">
      
    <h1 style = "color:green;" > 
        GeeksForGeeks 
    </h1> 
      
    <h3>
        How to check whether a value
        is numeric or not in jQuery?
    </h3>
      
    <hr>
      
    <form>
        <p>
            Enter any value: 
            <input style="text-align:center;" type="text">
        </p>
          
        <button type="button">Click to Check</button>
    </form>
    <hr>
      
    <script type="text/javascript">
        $(document).ready(function() {
            $("button").click(function() {
                var inputVal = $("input").val();
                alert($.isNumeric(inputVal));
            });
        });
    </script>
</body>
  
</html>          

Producción:

  • Antes de ingresar el valor:
  • Introduciendo el valor:
  • Después de hacer clic en el botón:

Ejemplo 2: este ejemplo usa el método jQuery .isNumeric() para verificar que el elemento ingresado sea numérico o no.

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to check whether a value
        is numeric or not in jQuery?
    </title>
      
    <script src=
"https://code.jquery.com/jquery-1.12.4.min.js">
    </script>
</head>
  
<body style="text-align:center;">
      
    <h1 style = "color:green;" > 
        GeeksForGeeks 
    </h1> 
      
    <h3>
        How to check whether a value 
        is numeric or not in jQuery?
    </h3>
    <hr>
      
    <form>
        <p>
            Enter any value: 
            <input style="text-align:center;" type="text">
        </p>
          
        <button type="button">Click to Check</button>
    </form>
    <hr>
      
    <h4></h4>
      
    <script type="text/javascript">
        $(document).ready(function() {
            $("button").click(function() {
                var inputVal = $("input").val();
                var gfg = $.isNumeric(inputVal);
                  
                if (gfg) {
                    $("h4").text("The Value Entered is Numeric");
                }
                else {
                    $("h4").text("The Value Entered is Not Numeric");
                }
            });
        });
    </script>
</body>
  
</html>  

Producción:

  • Antes de ingresar el valor:
  • Después de ingresar el valor y hacer clic en el botón:

Publicación traducida automáticamente

Artículo escrito por SHUBHAMSINGH10 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *