JavaScript判断输入是否为数字的实例

作者:青柠时间:2026-10-27 13:03:58浏览:445

本文通过具体代码实例,介绍如何在JavaScript中判断用户输入是否为数字。核心利用isNaN函数检测NaN值,结合DOM操作获取表单数据,实现简单的数字验证逻辑,适用于基础前端表单场景。

JavaScript判断输入是否为数字的代码示例

代码实现如下:

<html xmlns="http://www.3lian.com/">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js判断输入是否为数字</title>
<script language="javascript教程">
function ischeckNum()
 {
var num = document.getElementById('isnum').value;
if( num )
  {
if( !isNaN( num ) )
   {
alert('是数字');
return false;
   }
else
   {
alert('你输入的数据不是数字');
myfm.isnum.select();
return false;
   }
  }
else
  {
alert('需输入内容');
myfm.isnum.focus();
  }
 }
</script>
</head>
<body>
<form name="myfm" method="post" action="">
<label>
<input type="text" name="isnum" id="isnum">
</label>
<label>
<input type="button" name="Submit" value="检测是否为数字" onClick="ischeckNum();">
</label>
</form>
</body>
</html>

说明:在JavaScript中判断用户输入是否为数字,主要使用isNaN函数即可。


isNaN(numValue) 其中必选项 numvalue 参数为要检查是否为 NAN 的值


如果值是 NaN, 那么 isNaN 函数返回 true ,否则返回 false


使用这个函数的典型情况是检查 parseInt 和 parseFloat 方法的返回值。还有一种办法,变量可以与它自身进行比较。 如果比较的结果不等,那么它就是 NaN 。 这是因为 NaN 是唯一与自身不等的值。

作者最新文章