当前位置：Gxlcms > JavaScript > 使用JS判断是否数字和小数点组合的数字的两中方法比较(isNaN和逐判断)

使用JS判断是否数字和小数点组合的数字的两中方法比较(isNaN和逐判断)

时间：2021-07-01 10:21:17 帮助过：6人阅读

下面例举如下：如果大家有更好的方法的话望大家提出更好的方法。
一：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="提交" onclick="isNumber()"> 
</form> 
</body> 
</html> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 
二：逐个比较的方法。 
直接举例子了： 
 
<!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" onclick="doBtn();"> 
</form> 
</BODY> 
</HTML> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 
总结：第2中方法如果一直输入的都是小数点的话提示是正确的。而第1中不会。只要你是不符合数字的格式，他就不会让你通过。

使用JS判断是否数字和小数点组合的数字的两中方法比较(isNaN和逐判断)

人气教程排行