jQuery 判断是否为数字的方法 及 转换数字函数

时间：2021-03-18 10:12:43

1.isNaN()

<script language="javascript">

var t=$("#id").val();//这个就是我们要判断的值了

if(!isNaN(t)){

  alert("是数字");

}else{

  alert("不全是数字");

}

</script>

　　

2.JavaScript Number() 函数

Number() 函数把对象的值转换为数字。

<script type="text/javascript">

var test1= new Boolean(true);

var test2= new Boolean(false);

var test3= new Date();

var test4= new String("999");

var test5= new String("999 888");

document.write(Number(test1)+ "<br />");

document.write(Number(test2)+ "<br />");

document.write(Number(test3)+ "<br />");

document.write(Number(test4)+ "<br />");

document.write(Number(test5)+ "<br />");

</script>

输出

1

0

1256657776588

999

NaN

-------------------------------------------------------------------------------------------------

在jquery里，我们可以用下面这些方法来判断变量是否是数字：

1.$.isNumeric();

jquery里内置的一个用来判断是否为数字的函数，站长以前专门写过一篇文章来介绍它：$.isNumeric—jquery里用来判断变量或给定的值是否为数字的内置函数，用$.isNumeric()来判断是否为数字的话，一些特殊的字符会被当成8进制或12进制的数字，判定为true,如:

1
2
$.isNumeric(0xFF);    //true
$.isNumeric("0xFF");    //true

2.isNaN();

js里的一个用来判断是否为数字的函数，它的意思是“not a number”,即“判断是否不是个数字，不是数字则为true，是数字则为false”,它的缺点就是一些值为空的变量，如null,空格等，会把它们转成“0”当成数字来处理：

1
2
isNaN("abc");//true
isNaN(null);//false

3.Number();

Number()函数其实是js里用来把字符串转为数字的，但也可以被我们拿来用作判断是否为数字，如果不是数字就返回值"NaN",但和上面的isNaN()一样，如果值为null或空时，会返回一个0：

1
2
Number("aijquery.cn");//NaN
Number(null);//0

4.正则：

最安全，最完整的方法！！可以根据自己的需求来打造具体的判断规则：

1
2
3
var r=/^[1-9][0-9]+$/gi;
document.writeln(r.test("011"));//false
document.writeln(r.test("11"));//true

上面只是站长给大家举的一个例子，如果想了解更多关于正则的实例，可以关注本站的正则专题，正面站长在和大家分享一些常用的和判断数字相关的一些正则：

1
2
3
4
5
6
7
8
9
10
11
数字：var r=/^[0-9]*$/; 
验证n位的数字：var r=/^\d{n}$/; 
验证至少n位数字：var r=/^\d{n,}$/; 
验证m-n位的数字：var r=/^\d{m,n}$/; 
验证零和非零开头的数字：var r=/^(0|[1-9][0-9]*)$/; 
验证有两位小数的正实数：var r=/^[0-9]+(.[0-9]{2})?$/; 
验证有1-3位小数的正实数：var r=/^[0-9]+(.[0-9]{1,3})?$/; 
验证非零的正整数：var r=/^\+?[1-9][0-9]*$/; 
验证非零的负整数：var r=/^\-[1-9][0-9]*$/; 
验证非负整数 var r=/^\d+$/; 
验证非正整数 var r=/^((-\d+)|(0+))$/;

最后，给大家一个在线演示的地址，上面所有涉及到判断是否为数字的方法，全都在里面，您可以自己动手测试：

jquery里判断是否为数字的所有方法在线演示


摘：http://www.w3school.com.cn/jsref/jsref_number.asp
转：http://www.aijquery.cn/Html/jqueryjiqiao/47.html

相关文章