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