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

标签 javascript css html

<分区>

我有一个输入框和一个按钮。当用户点击按钮时,我首先检查他们是否输入了数字。如果它是一个非数字字符串,则什么也不会发生。如果它是一个数字,那么我将对上面的灰色 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/

最佳答案

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

关于javascript - 检测用户是否在输入字段中输入字符串值或数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21966079/

相关文章:

html - 在样式标签中不包含类型 ="text/css"是不好的做法吗?

html - 传递参数并引用#div

javascript - 在 underScore.js 中创建多个 _.templateSettings

css - Worklight - 特定于环境的 CSS

javascript - 如果内联 SVG 在运行时插入到文档中,它可以在 HTML4 中工作吗?

css - 为可变数量的元素定义列,全部在一行中,等距

javascript - FIREFOX 中的粘滞菜单错误

页面上的 javascript 我可以存储以允许 cookie 中的 javascript

php - PHP 中的 Rails "respond_to"

javascript - classed() 和 attr ("class"之间的区别)