Skip to content

Instantly share code, notes, and snippets.

@DavidPerezHz
Last active June 19, 2022 21:40
Show Gist options
  • Save DavidPerezHz/84dfae2d322829c076f00e04b308a31a to your computer and use it in GitHub Desktop.
Save DavidPerezHz/84dfae2d322829c076f00e04b308a31a to your computer and use it in GitHub Desktop.
Validar solo números para FIREFOX - (event=keyup) input type number
<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