Do not allow decimal and alphabet values in textbox

Question

I want to restict decimal and alphabatic values in textbox. I just want to enter only numbers in textbox. And do not copy and paste th text and decimal value also. Want t enter only numbers(0 o 9). How can I do this using regex of javascript o jquery.

fiddle

See this fiddle, here everything is working. But arrow keys are not working. I can't able to move left and right, and if I give (shift+home) or (shift + end) its not selecting the value. Please help me for

 

 $(".allownumericwithoutdecimal").on("keypress keyup blur",function (event) {    
           $(this).val($(this).val().replace(/[^\d].+/, ""));
            if ((event.which < 48 || event.which > 57)) {
                event.preventDefault();
            }
        });

 
    
 <span>Int</span>
<input type="text" name="numeric" class='allownumericwithoutdecimal'>
<div>Numeric values only allowed  (Without Decimal Point) </div>

do this.

Possible duplicate of [How to allow only numeric (0-9) in HTML inputbox using jQuery?](http://stackoverflow.com/questions/995183/how-to-allow-only-numeric-0-9-in-html-inputbox-using-jquery) — cokeman19, Mar 04 '16 at 12:26

Vladu Ionut · Accepted Answer · 2016-03-04T13:02:50.747

7

$(".allownumericwithoutdecimal").on("keypress keyup blur paste", function(event) {
    var that = this;

    //paste event 
    if (event.type === "paste") {
        setTimeout(function() {
            $(that).val($(that).val().replace(/[^\d].+/, ""));
        }, 100);
    } else {

        if (event.which < 48 || event.which > 57) {
            event.preventDefault();
        } else {
            $(this).val($(this).val().replace(/[^\d].+/, ""));
        }
    }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<span>Int</span>
<input type="text" name="numeric" class='allownumericwithoutdecimal'>
<div>Numeric values only allowed  (Without Decimal Point) </div>

edited Mar 04 '16 at 13:02

answered Mar 04 '16 at 12:10

Vladu Ionut

8,075
1
19
30

If copy and paste Text or decimal value , it is taking. I dont want to copy paste text and decimal value. If copy paste also i want to do only numbers – sathish kumar Mar 04 '16 at 12:15
Please check in fiddle once. If I paste " 555.55" , it is removing only decimal point and show the value as "55555". – sathish kumar Mar 04 '16 at 12:57
Here I want to allow only one negative symbal. It should allow negative value also... Please help me for this. – sathish kumar Mar 07 '16 at 07:50
use this regex [^(-?\d{1,})].+ – Vladu Ionut Mar 07 '16 at 09:06
http://jsfiddle.net/44pc78pj/183/ Look at this fiddle...If i use this regex also its not woking. Please check once am I added regex correctly? – sathish kumar Mar 07 '16 at 09:12
Can anyone please tell me the answer for this – sathish kumar Mar 07 '16 at 09:34
event.which for "-" is 45 so you have to update the if block (event.which < 48 || event.which > 57) , here a demo http://jsfiddle.net/348au7jz/ – Vladu Ionut Mar 07 '16 at 11:10
Thanku so much Vladu Ionut. But negative symbol should be in starting only like ("-2250"). But it is allowing middle also like("22-50"). And If I copy paste it is allowing decimal value also. Can you please help me for this only. – sathish kumar Mar 08 '16 at 05:11
How can I do this. Vladu Ionut please help me for doing this. – sathish kumar Mar 08 '16 at 06:26
https://github.com/lockevn/html-numeric-input take a look on that link you need small improvent – Vladu Ionut Mar 08 '16 at 07:10

score 0 · Answer 2 · answered Mar 04 '16 at 12:29

Try this:

$(document).ready(function () {
  /* Allow digits only */
  $("#wdm_num").keypress(function (e) {
     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        $("#wdm_errmsg").html("Please Enter Digits Only").show().fadeOut("slow");
               return false;
    }
   });
   /* Do not allow paste */
   $('#wdm_num').bind("paste",function(e) {
          e.preventDefault();
      });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input type="text" name="wdm_num" id="wdm_num" />&nbsp;<span id="wdm_errmsg"></span>

I want to do copy and paste also. But only numbers. Not decimals and not not characters. — sathish kumar, Mar 04 '16 at 12:44

Do not allow decimal and alphabet values in textbox

2 Answers2