How can I detect if an input field has an integer number with jQuery?

Question

I have a form with an input text field and I want to validate it before I submit the form.

You can enter a natural number like 1, 5, 7 etc or you can enter a float number like 1.5, 5.45, 7.38

How can I detect when the input has an Integer (natural) number or not?

If I'm using:

typeof($(input[name='myField']).val())

I always get it as a string.

I tried to convert the string to a number, but using parseInt or parseFloat doesn't help, as I convert it directly from the code.

I need to know what type of number is the one in the string from the input field.

stackoverflow.com/questions/10270648/…

Death-is-the-real-truth
– Death-is-the-real-truth

2023-03-31 06:55:12 +00:00
Commented Mar 31, 2023 at 6:55 — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Mar 31, 2023 at 6:55
jsfiddle.net/du0w8opg

Death-is-the-real-truth
– Death-is-the-real-truth

2023-03-31 07:01:54 +00:00
Commented Mar 31, 2023 at 7:01 — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Mar 31, 2023 at 7:01
@Anant, that might work. Let me test it on my side.

Clau
– Clau

2023-03-31 07:41:25 +00:00
Commented Mar 31, 2023 at 7:41 — Clau
– Clau, Commented Mar 31, 2023 at 7:41
stackoverflow.com/questions/2304052/…

Death-is-the-real-truth
– Death-is-the-real-truth

2023-03-31 13:30:33 +00:00
Commented Mar 31, 2023 at 13:30 — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Mar 31, 2023 at 13:30

Clau · Accepted Answer · 2023-03-31 07:48:15Z

0

After a little more research and based on a few hints/comments on this question, i have fixed it with this simple trick (hope it will help others too).

var myInput = $(input[name='myField']).val();
//get the input string value and convert it to float
var myFloatInput = parseFloat(myInput);

if (myFloatInput % 1 != 0) {
//the number is not Integer
}else{
//the number is Integer
}

Here are more details about this trick: Check if a number has a decimal place/is a whole number

answered Mar 31, 2023 at 7:48

Clau

11 bronze badge

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

Comments

Dimitri_uf · Accepted Answer · 2023-03-31 08:30:38Z

-1

 function checkNumber(n) {
      x = `'${n}'`;
     let s = x.indexOf('.');
     if(s == '-1') {
      alert('this natural number');
     }else {
      alert('this float');
     }
  }
  checkNumber(4.5);

Also you can use isInteger js function

Number.isInteger(123);
Number.isInteger(-123);
Number.isInteger('123');

edited Mar 31, 2023 at 8:30

answered Mar 31, 2023 at 6:56

Dimitri_uf

13 bronze badges

1 Comment

Clau Over a year ago

I need to see if it is an Integer (natural number) or a Float, based on the string input.

Collectives™ on Stack Overflow

How can I detect if an input field has an integer number with jQuery?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related