integer validation using javascript to control dot(.) symbol

Question

I use the following java script function for integer validation.it was work fine in FireFox.But in IE and Chrome (not Fire Fox)allow the dot(.) symbol in that textbox.How to control do not appear the dot(.) symbol in text box while using IE and Chrome?

javascript function

$('.intValidate').live('keypress', function(event) {
    if((event.keyCode != 8)&&(event.keyCode != 9)&&(event.keyCode != 37)&&(event.keyCode != 39)&&(event.keyCode != 46)&&(event.which < 48 || event.which > 57)) {
        event.preventDefault();
    }
});

I use the class like,

<input type="text" id="abcd" style="width:30px" maxlength="2" class="intValidate"/>

could you set up an example fiddle reproducing the issue? Note: why you use both event.keyCode and event.which? — Fabrizio Calderan
– Fabrizio Calderan, Commented Sep 25, 2012 at 7:20
jsfiddle.net/KMDVc it works fine on Chrome 21.0.1180.89 - I can't enter a dot — Fabrizio Calderan
– Fabrizio Calderan, Commented Sep 25, 2012 at 7:25

danwellman · Accepted Answer · 2012-09-25 07:28:45Z

1

i dont think integer validation using event key codes is a viable option, i recommend you to use regex or if you really want to block using only the above way, you can also block for keyCode 110 - look here for complete event codes

http://www.webonweboff.com/tips/js/event_key_codes.aspx

and

http://ntt.cc/2008/05/10/over-10-useful-javascript-regular-expression-functions-to-improve-your-web-applications-efficiency.html for your regex validations

edited Sep 25, 2012 at 7:28

danwellman

9,4018 gold badges65 silver badges92 bronze badges

answered Sep 25, 2012 at 7:26

Chandra Sekhar Walajapet

2,55418 silver badges24 bronze badges

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

Comments

Pankaj Kumar · Accepted Answer · 2012-09-25 07:30:44Z

1

Modified your code here. it works in chrome.

answered Sep 25, 2012 at 7:30

Pankaj Kumar

535 bronze badges

Comments

Anoop · Accepted Answer · 2012-09-25 07:29:16Z

0

You should use keydown event instead of keypress jsfiddle

answered Sep 25, 2012 at 7:29

Anoop

23.2k10 gold badges65 silver badges79 bronze badges

Comments

Miha Rekar · Accepted Answer · 2012-09-25 07:41:40Z

0

You could also do something like this:

function isNumber(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
}
$('.intValidate').live('keyup', function(event) {
    var $this = $(this);
    if (isNumber($this.val())) {
        $this.val(Math.floor($this.val()));
    } else {
        $this.val('')
    }
});

answered Sep 25, 2012 at 7:41

Miha Rekar

1,54614 silver badges19 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:56:17Z

0

First of all, you shouldn't do validation upon typing, as in key presses, instead, you should do validation on the value change of the text area where you are inputting the text. This is so because:

different keyboards may send different characters with the same key code.
besides regular typing, every system has IME modes, some ways to insert characters by their Unicode codepoints, by copying and pasting and so on.

By validating the text after the control has changed will spare you the trouble of finding out how the text was inserted.

Here's a similar example: How to impose maxlength on textArea in HTML using JavaScript

edited May 23, 2017 at 11:56

CommunityBot

11 silver badge

answered Sep 25, 2012 at 8:07

user797257

Collectives™ on Stack Overflow

integer validation using javascript to control dot(.) symbol

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related