js中判断输入的数字是否是数值类型

时间:2023-03-09 05:36:37
js中判断输入的数字是否是数值类型

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 30.0px Consolas; color: #2b7ec3 }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 30.0px Consolas; color: #d74200 }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 30.0px Consolas; color: #289c97 }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 30.0px Consolas; color: #a5b2b9 }
p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 30.0px Consolas; color: #060606 }
p.p6 { margin: 0.0px 0.0px 0.0px 0.0px; font: 30.0px Consolas; color: #060606; min-height: 35.0px }
span.s1 { color: #4f5d66 }
span.s2 { color: #2b7ec3 }
span.s3 { color: #48565d }
span.s4 { color: #289c97 }
span.s5 { color: #d74200 }
span.s6 { color: #000000 }
span.s7 { color: #4663cc }
span.s8 { color: #698906 }
span.s9 { color: #4a8a01 }
span.s10 { color: #ad42ef }
span.s11 { color: #e48b00 }
span.s12 { color: #a5b2b9 }
span.s13 { color: #060606 }
span.Apple-tab-span { white-space: pre }

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<input type="text" placeholder="请输入一个数字" />

<input type="text" placeholder="请输入一个数字" />

<input type="button" value="button" />

</body>

<script type="text/javascript">

//用isNaN()判断输入的是不是数字

//获取元素,得到一个数组

var inputs=document.getElementsByTagName("input");

inputs[2].onclick=function(){//事件绑定

//获取数值并且转换类型

var a=Number(inputs[0].value);

var b=Number(inputs[1].value);

if (isNaN(a)) {//用isNaN开始判断,如果成立就是非数字

alert("您输入的第一个数字有误");

} else if(isNaN(b)){

alert("您输入的第二个数字有误");

}else{

alert(a+b);

}

}

</script>

</html>