1

Tengo un problema al querer validar el valor de un input, ya que necesito que sean puros números los que ingrese el usuario, pero presiono la primera tecla y me da un string vació, y realmente no se que estoy haciendo mal, si alguien me ayuda se los agradeceré, ya llevo tiempo intentando y no me sale.

var amountNumber = $('#amount-number');
    amountNumber.keydown(function(e) {
    var inputNumber = amountNumber.val();
    console.log(inputNumber);
    var exRegNumber = /([0-9])/g;
    if(!(exRegNumber.test(inputNumber))){
        e.preventDefault();
    };
});

2 respuestas 2

2

Respuesta rápida, puedes usar input del tipo numérico. Su valor default es 0.

var amountNumber = $('#amount-number');
    amountNumber.keydown(function(e) {
    var inputNumber = amountNumber.val();
    console.log(inputNumber);
    var exRegNumber = /([0-9])/g;
    if(!(exRegNumber.test(inputNumber))){
        e.preventDefault();
    };
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" id="amount-number" value="0" min="0"/>

2
  • es mas complejo porque da negativos, gracias
    – Nancy Zj
    Commented el 15 dic. 2017 a las 1:19
  • asignale al input el cero como valor minimo
    – farsSharp
    Commented el 15 dic. 2017 a las 1:22
1

Buenas para estos casos puedes usar la libreria Mask que nos ayuda a agregar mascaras a los input y solucionar en los casos de necesitar solo números o letras entre otros espero te ayude saludos.

Es muy fácil de usar y como ves le puedes pasar como parámetro EXPRESIONES REGULARES y te da la libertad de restringir al usuario.

Ejemplo funcional

$('#amount-number').mask('ZZ',{translation:  {'Z': {pattern: /[0-9\s]/, recursive: true}}});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.13/jquery.mask.min.js"></script>

<input placeholder="Ingresa solo numeros" id="amount-number" type="text">

2
  • e.keyCode esta deprecado y en poco tiempo los navegadores no lo van a reconocer keyCode en su lugar se debe usar code, saludos ! Commented el 15 dic. 2017 a las 1:33
  • 1
    gracias por el dato voy a cambiar la respuesta Commented el 15 dic. 2017 a las 1:40

Tu Respuesta

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

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