JS isNaN 方法使用说明

74 阅读 0 评论 49 点赞

我是靠谱客的博主迷路蜻蜓，最近开发中收集的这篇文章主要介绍JS isNaN 方法使用说明，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

来自：http://www.javaeye.com/topic/556350

JS isNaN 方法使用说明

isNaN 方法

返回一个 Boolean 值，指明提供的值是否是保留值 NaN （不是数字）。

isNaN(numValue)

必选项 numvalue 参数为要检查是否为 NAN 的值。

说明

如果值是 NaN，那么 isNaN 函数返回 true ，否则返回 false 。使用这个函数的典型情况是检查 parseInt 和parseFloat 方法的返回值。

还有一种办法，变量可以与它自身进行比较。如果比较的结果不等，那么它就是 NaN 。这是因为 NaN 是唯一与自身不等的值。

一：isNaN方法：

isNaN()的意思是非数字，里面传入数字的话就返回false,传入的不是数字的话就返回true
[空的话也是返回true,一个点也是返回true,点个数字组合返回的是false,说明是数字]

<script language="JavaScript">
function testNan(){
      if(isNaN('xxx')){
          alert('true');
        }else{
          alert('false');

          }
}
</script>
-------------------------------例子-----------------------------
<html>
<head>
<script language="JavaScript">
function isNumber(){
var btnObj=document.getElementById("idTel");
var strValue=btnObj.value;

if(!isNaN(strValue)){
    alert("是数字和数点");
}else{
alert("请输入数字或数字与小数点组合的数字！");
}

}
</script>
</head>

<body>
<form action="" method="post" name="">
<input type="text" name="tel" id="idTel" value="">
<input type="button" name="isNum" value="提交" οnclick="isNumber()">
</form>
</body>
</html>

二：逐个比较的方法。

直接举例子了：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
     <script   language=javascript>
function isNumber(String){
var Letters = "1234567890."; //可以自己增加可输入值
var i,c;
if(String.charAt( 0 )=='-' || String.charAt( String.length - 1 ) == '-'){
    return false;
}
for( i = 0; i < String.length; i ++ ){
    c = String.charAt( i );
    if (Letters.indexOf( c )<0){
      return false;
    }
}
return true;
}

function doBtn(){
var btnObj=document.getElementById("idTest");
var strValue=btnObj.value;
if(isNumber(strValue)){
alert("yes");
}else{
alert("no");
}
}

</script>

<BODY>
<form name="form">
<input   type=text name="test" id="idTest" value="" >
    <input   type=button name="" title="点击" value="btn" οnclick="doBtn();">
</form>
</BODY>
</HTML>

总结：第2中方法如果一直输入的都是小数点的话提示是正确的。而第1中不会。只要你是不符合数字的格式，他就不会让你通过。