Last active
June 19, 2022 21:40
-
-
Save DavidPerezHz/84dfae2d322829c076f00e04b308a31a to your computer and use it in GitHub Desktop.
Validar solo números para FIREFOX - (event=keyup) input type number
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
input[type=number] { | |
-moz-appearance: textfield; /*Simula el campo input number a un campo de texto, remueve la apariencia inner-spin-button & outer-spin-button*/ | |
} | |
</style> | |
<input type="number" id="boletos" name="txtCompanion"> | |
<script> | |
/* Definimos una variable global que nos permita guardar el valor del input*/ | |
let valueTxt = ""; | |
document.getElementById("boletos").addEventListener("keyup", function(e) { | |
var char = e.which || e.keyCode; | |
// Al leer el valor input devolverá <empty string> si se ingresa una letra. (Ejemplo: 3a igual a <empty string>) | |
if (char !== 8 && self.value === "") { | |
console.log("¡Ups! solo se permite número"); | |
self.value = valueTxt; // Asignamos al input el valor de la variable guardada. | |
return; | |
} | |
valueTxt = self.value; // Asignamos el valor del input a la variable. | |
self.value = valueTxt.replace(/[^0-9]/g, ""); // Reemplaza si se ingresa un símbolo punto o coma. (En este ejemplo solo se necesita entero ya que son boletos) | |
}) | |
</script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment