求js如何不用正则就能判断文本框输入内容为数字-慕课网

首页课程实战体系课手记专栏慕课教程

求js如何不用正则就能判断文本框输入内容为数字

来源：6-11 编程练习

唯有当下

2016-06-17 12:02

function count(){

//获取第一个输入框的值

var sum1 = document.getElementById('txt1').value;

//获取第二个输入框的值

var sum2 = document.getElementById('txt2').value;

//获取选择框的值

var selVal = document.getElementById('select').value;

//获取结果文本框对象的值

var fruit = document.getElementById('fruit');

//存储结果的变量

var result = "";

//判断第一个/第二个文本框内容为空就弹出提示框，并退出整个函数。

if( sum1 =="" || sum2 =="" ){

alert('文本框没有输入数字，不能计算。')

fruit.value = '';

return

}

//获取通过下拉框来选择的值来改变加减乘除的运算法则

switch(selVal){

case '+':

result = parseFloat(sum1) + parseFloat(sum2);

break;

case '-':

result = parseFloat(sum1) - parseFloat(sum2);

break;

case '*':

result = parseFloat(sum1) * parseFloat(sum2);

break;

default:

result = parseFloat(sum1) / parseFloat(sum2);

}

//设置结果输入框的值

fruit.value = result;

}

我只实现了判断文本框内容为空会弹出提示框，请问有没有不用正则就能判断文本框输入内容为数字的方法？

写回答关注

2回答

inro

2016-06-17 14:05:38

已采纳
题主可以用typeof 运算符来返回一个用来表示表达式的数据类型的字符串。
typeof[()expression[]] ;
expression 参数是需要查找类型信息的任意表达式。
说明
typeof 运算符把类型信息当作字符串返回。typeof 返回值有六种可能： "number," "string," "boolean," "object," "function," 和 "undefined."
typeof 语法中的圆括号是可选项
举个例子：
```
function aFunction(iNum1)
 {   
      if (typeof iNum1 == "number" )
      {   
         alert("number");   
      }
   if ( typeof iNum1 == "string")
   {        
        alert("string");   
   }
 }
```
希望对你有用。
1 1

唯有当下

你说的这个方法我试了后不管输入文本框是否是数字都会弹出alert("string");提示框，可能是我哪里写错了。我换了下面这种方法才实现判断文字效果，但是我不知道这种方法有什么缺陷？ if(oTxt1 == '' || oTxt2 == ''){ alert('文本框没有输入内容！') return }else if(!isNaN(oTxt1,oTxt2)) { fruit.value = result; }else{ alert('你输入的不是数字'); return }

2016-06-17 15:14:54

共 1 条回复 >
水货

2016-06-17 15:30:37

input 输入文本框获取的值都是string 类型你可以用parseInt 或者 parseFloat 转成 number 类型或者设置input type = "number"

0 1

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

判断文本框是否输入文本，如果输入了点确定就提交，否则提示请输入

回答 2

如何在正文里面引入JS的内容?

回答 5

JavaScript——为什么在文字输入框内输入符合要求的数字会有alert？该怎么修正

回答 3

如果输入的内容有一个不是数字时输出为NaN如何解决

回答 2

如何调整文本输入框的大小

回答 2

打开慕课网App查看更多内容