Question

我有一个输入字段和一个按钮。当用户单击该按钮时，首先我检查他们是否输入了数字。如果它是非数字字符串，则不会发生任何事情。如果它是一个数字，那么我将对上面的灰色div进行一些修改。当我输入一个数字并将其类型记录到控制台时，它显示该值的数据类型是“字符串”。那么我该如何检查正确的数据类型呢？

以下是代码：

<!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');
  }
};

这是jsbin链接 - http://jsbin.com/hequr/1/

Answer 1

使用isNaN()或isNumeric()等功能或使用正则表达式\[0-9].*\

检测用户是否在输入字段中输入字符串值或数字

1 个答案: