how to enter only number in input box(using regex) in jquery + javascript?

Question

could you please tell me how to make a input field in which user only enter numbers using regex.i am able to do using ascii values .But I need to do this using regular expression

here is my code http://jsfiddle.net/HkEuf/6100/

$(document).ready(function () {
  //called when key is pressed in textbox
  $("#quantity").keypress(function (e) {
     //if the letter is not digit then display error and don't type anything
      var BlkAccountIdV = $('#quantity').val();
var re = /[^0-9]/g;    
if ( re.test(BlkAccountIdV) ){  
    console.log("=====")
    errorflag=1;
}else {
   console.log("==tt===") 
   $("#errmsg").html("Digits Only").show().fadeOut("slow");
               return false;
}

     /*if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        //display error message
        $("#errmsg").html("Digits Only").show().fadeOut("slow");
               return false;
    }*/
   });
});

Thnaks

Wesley Smith · Accepted Answer · 2015-04-05 02:50:28Z

This would work:

$(document).ready(function () {
    //called when key is pressed in textbox
    $("#quantity").keyup(function (e) {
        // if letters found flag error, display error, and remove any non-numbers
        if ($(this).val().match(/[^0-9]/g, '')) {
            $("#errmsg").html("Digits Only").show().fadeOut("slow");
            $(this).val($(this).val().replace(/[^0-9]/g, ''));
            console.log("=====")
            errorflag = 1;
        } else {
            console.log("==tt===")
        }
    });
    // but users can still paste values with letters into the box with right click
    // so we bind to paste event and if detected, trigger the element's keyup event
    $("#quantity").bind('paste', function (e) {
        setTimeout(function() { $(this).keyup(); }, 30);
    });
});

#errmsg {
    color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Number :
<input type="text" name="quantity" id="quantity" />&nbsp;<span id="errmsg"></span>

Or here's a working jsFiddle

Kosmas Papadatos · Accepted Answer · 2015-04-05 02:30:09Z

0

$('input').keyup(function(e){

    if(!/^[0-9]*$/.test(this.value)){

        this.value = this.value.split(/[^0-9.]/).join('');

    }

});

edited Apr 5, 2015 at 2:30

answered Apr 5, 2015 at 2:04

Kosmas Papadatos

1,3253 gold badges14 silver badges33 bronze badges

3 Comments

Kosmas Papadatos Over a year ago

If you are refering to the first fiddle I posted, it was made to demonstrate how validation works and displays true when there are no characters in the input other than numbers (quite correctly).

Kosmas Papadatos Over a year ago

@DelightedD0D I just demonstrated how to validate using regex which is what was asked. The programmer must know how to bind different events like change if data is pasted in or whatever else might fool the test.

Kosmas Papadatos Over a year ago

Let us continue this discussion in chat.

justinledouxweb · Accepted Answer · 2015-04-05 03:59:45Z

0

I would instead preventDefault the unwanted keyCode on keydown. That way you don't have to do any string manipulation and then replace the input value, which could look awkward, kind I'd like a flash.

$( 'input' ).on( 'click', function ( e ) {
    var numberKeys = [ /* the wanted keyCodes */];
    if ( numberKeys.indexOf( e.keyCode ) < 0 ) {
        e.preventDefault();
        // do what ever you'd like here when the user types in a non numeric character.
    }
});

answered Apr 5, 2015 at 3:59

justinledouxweb

1,3573 gold badges13 silver badges26 bronze badges

Collectives™ on Stack Overflow

how to enter only number in input box(using regex) in jquery + javascript?

3 Answers 3

Or here's a working jsFiddle

Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Or here's a working jsFiddle

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related