jQuery validating input type number

Question

I'm trying to set function onFocusOut event with jQuery like:

$(':number').keypress(function (evt){
    //validating cone
}

but it can't select number types throwing an error

Error: Syntax error, unrecognized expression: number

Same code for type text works fine.

Does jQuery not know a number datatype? How to make it work?

True, but :text is for input type="text" so i think it should be same thing for other types. Is that because number type is from HTML5? — T.G
– T.G, Commented Aug 9, 2012 at 7:41

Phil · Accepted Answer · 2012-08-09 07:23:59Z

5

Are you trying to select <input> elements with the number as the type? Try this:

$('input[type="number"]').keypress(function (evt){

}

answered Aug 9, 2012 at 7:23

Phil

1,3081 gold badge10 silver badges19 bronze badges

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

4 Comments

Ram Over a year ago

or $('input[type="number"]') which is faster.

T.G Over a year ago

It works, thanks. Was trying before something like $('input[type="number"]') with i found on internet bud didnt work .(possible i've made an error in syntax then...) Btw laso found examples with $('input.number]'), but it doesnt work also...

Alexander Over a year ago

@T.G, input.number is for selecting <input/> elements with class number. Completely unrelated for what you wanted to do. You better try to understand selectors instead of just googling

T.G Over a year ago

one more thing. Chrome and some other browsers do validation of numeric fields as well... how to disable it? I tied $('input[type="number"]').unbind('blur'); etc, but with no effect

Alexander · Accepted Answer · 2012-08-09 10:10:53Z

1

For the record, you can extend jQuery to add a custom :number selector.

$.expr[':'].number = function(elem){
  return $(elem).is("input[type='number']");
};

Or pure javascript.

$.expr[':'].number = function(elem){
  return (elem.tagName === "INPUT") &&
         elem.getAttribute("type") &&
         (elem.getAttribute("type").toUpperCase() === "NUMBER");
};

answered Aug 9, 2012 at 10:10

Alexander

23.5k11 gold badges65 silver badges74 bronze badges

Collectives™ on Stack Overflow

jQuery validating input type number

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related