Detecting, whether user enter a string value or number in to a input field

Question

I have an input field and one button. When the user clicks the button, first I check whether they entered a number or not. If it is a non-numeric string then nothing should happen. If it's a number then I will do some modification to the above gray div. When I enter a number and log its type to the console, it shows that the data type of the value is "string." So how do I check for the correct data type?

Here is the code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div id='test'></div>
  <p><input type='text' id='myText'/>
  <input type='button' value='click' id='myButton'/></p>
</body>
</html>

CSS

#test {
  width: 200px;
  height: 200px;
  background: gray;
}

JavaScript

var el = document.getElementById('myButton'),
    elOne = document.getElementById('myText'),
    container = document.getElementById('test');

el.onclick = function(){
  var data = elOne.value;

  if(typeof data === 'number'){
    console.log('number');
  }else if(typeof data === 'string') {



     console.log('string');
  }
};

And here is the jsbin link - http://jsbin.com/hequr/1/

ok, but how to convert back to number, if user enter a number. — naresh kumar, Feb 23 '14 at 08:47
`->` [How do I Convert a String into an Integer in JavaScript?](http://stackoverflow.com/q/1133770/218196) — Felix Kling, Feb 23 '14 at 08:48
Even with the input type `number`, `.value` will return a string. Just the user presentation of the `input` changes. — Xotic750, Feb 23 '14 at 08:54
ok friends i got this snippet is working fine. function isNumeric(n) { return !isNaN(parseFloat(n)) && isFinite(n); } — naresh kumar, Feb 23 '14 at 08:59

score 0 · Answer 1 · answered Feb 23 '14 at 09:14

0

use functions like isNaN() or isNumeric() or use Regular expression \[0-9].*\

answered Feb 23 '14 at 09:14

Detecting, whether user enter a string value or number in to a input field

1 Answers1