:::: MENU ::::

Campo de texto sólo numérico con jQuery y expresiones regulares

4.29 avg. rating (83% score) - 7 votes

En muchas webs se pueden encontrar tutoriales de validación de campos de formularios que se desea que sólo admitan valores numéricos.

Al margen de la posterior validación del formulario, que siempre conviene realizar, una solución elegante al problema, si disponemos de jQuery, es evitar que el usuario introduzca caracteres no numéricos en el campo de texto.

Si utilizamos jQuery en nuestra Web, podemos capturar la pulsación de teclas y reemplazar el valor actual por el correspondiente valor filtrado con la expresión regular del ejemplo. Con ello, el usuario se da cuenta inmediatamente de que el campo únicamente admite valores numéricos

jQuery('#id-del-campo-de-texto').keyup(function () {
  this.value = this.value.replace(/[^0-9]/g,''); 
});



7 Comments

Hey! Qué opinas sobre el artículo?