Decimal numbers only textbox using jQuery

Question

I have following jQuery function to make textbox accepting only decimal number, but problem is it didn't accept . , so it works as only integer textbox,

I don't want to use any plugin

here is the jQuery function :

$(document).ready(function () {
    $("#textbox1").keydown(function(event)
    {
        if (event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 ||
        (event.keyCode == 65 && event.ctrlKey === true))
        {
            return;
        }
        else if(event.keyCode == 46)
        {
            return;
        }
        else 
        {
            if ((event.keyCode < 48 || event.keyCode > 57) && 
                (event.keyCode < 96 || event.keyCode > 105 ))
            {
                event.preventDefault(); 
            }   
        }        
    });
});

Fiddle is here

Royi Namir · Accepted Answer · 2012-04-05 13:37:49Z

3

and what about 4.5.2 ?

your code is not checking it !

why not using regex ?

[0-9]+(\.[0-9][0-9]?)?

just check the match when blur event

answered Apr 5, 2012 at 13:37

Royi Namir

149k145 gold badges503 silver badges833 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bobby · Accepted Answer · 2012-04-05 14:48:10Z

2

$("#textbox1").keydown(function(e){
    var key = e.which;

    // backspace, tab, left arrow, up arrow, right arrow, down arrow, delete, numpad decimal pt, period, enter
    if (key != 8 && key != 9 && key != 37 && key != 38 && key != 39 && key != 40 && key != 46 && key != 110 && key != 190 && key != 13){
        if (key < 48){
            e.preventDefault();
        }
        else if (key > 57 && key < 96){
            e.preventDefault();
        }
        else if (key > 105) {
            e.preventDefault();
        }
    }
});

edited Apr 5, 2012 at 14:48

Bobby

11.6k5 gold badges48 silver badges70 bronze badges

answered Apr 5, 2012 at 13:59

Vyrx

7631 gold badge10 silver badges15 bronze badges

Collectives™ on Stack Overflow

Decimal numbers only textbox using jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related