2

Alguna funcion jquery para controlar un input solo se escriban numeros que lo acepten todos los navegadores y que tambien acepte enter, borrar y tab?

1
  • y cuando quieres agregar el punto decimal como seria la expresión
    – javyjaja
    el 14 nov. 2017 a las 22:06

5 respuestas 5

13

Usando jQuery puede hacer lo siguiente:

$('.input-number').on('input', function () { 
    this.value = this.value.replace(/[^0-9]/g,'');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="input-number" value="" />

2
  • +1 por el snippet
    – Jorius
    el 16 dic. 2016 a las 15:24
  • y esta muy bien :D sencillo y practico.. quiza solo agregar una advertencia donde diga que solo se pueden escribir numeros :D
    – elporfirio
    el 16 dic. 2016 a las 23:09
2

Crea una funcion JavaScript como la siguiente

<script>
    $(document).ready(function (){
      $('.solo-numero').keyup(function (){
        this.value = (this.value + '').replace(/[^0-9]/g, '');
      });
    });
</script>

Y finalmente llamarias esa funcion en tu elemento html

<input type="text" value="" class="solo-numero"> 
2
  • Ya habia usado esta funcion pero el input esta inicializado en 0 y cuando escribo a la primer escribe 01 y no 1 tengo que borrar primero y luego borrar el 16 dic. 2016 a las 16:05
  • Bastaría con añadir dentro de la función un if (this.value == '0') { this.value = '';} el 2 ago. 2021 a las 9:38
0

Puedes usar:

<input type="number" name="campo_numerico" />

2
  • creo que la pregunta consulta claramente por una función jquery, aunque tu respuesta también realiza lo que se pide
    – hcarrasko
    el 16 dic. 2016 a las 17:27
  • En cuanto a validación cumple, pero no impide que se pueda escribir carácteres diferentes a números. el 16 dic. 2016 a las 19:48
0
$(document).ready(function(){
  $(".numeric").numeric();
});

o también

<input type="number" />
0

Yo he usado jquery Autonumeric: autoNumeric y también una función: ForceNumericOnly, anexo el código para que te des una idea. Saludos.

$(document).ready(function() {
  $('.demo').autoNumeric('init');
  $(".soloNumero").ForceNumericOnly();
});

jQuery.fn.ForceNumericOnly =
  function() {
    return this.each(function() {
      $(this).keydown(function(e) {
        var key = e.charCode || e.keyCode || 0;
        // allow backspace, tab, delete, arrows, numbers and keypad numbers ONLY
        return (
          key == 8 ||
          key == 9 ||
          key == 46 ||
          (key >= 37 && key <= 40) ||
          (key >= 48 && key <= 57) ||
          (key >= 96 && key <= 105));
      });
    });
  };
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.decorplanit.com/plugin/autoNumeric-1.9.41.js"></script>
<h2>Con AutoNumeric</h2>
<br/>
Con minimos y maximos
<br/>
<input type="text" name="demoMinMax" id="demoMinMax" class="demo" data-v-min="-99999999999" data-v-max="0" data-a-sep=" " data-m-dec="2" data-w-empty="zero" value="">
<br/>Default
<br/>
<input type="text" name="demoDefaults" id="demoDefaults" class="demo">
<br/>
<h2>Con Funcion ForceNumericOnly</h2>
<br/>Funcion de jquery
<br/>
<input type="text" class="soloNumero" id="demoFuncion">

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.