javascript怎么验证值是否是数字?

javascript怎么验证值是否是数字?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

javascript怎么验证值是否是数字?

方法1:使用js自带的全局函数isNaN()

isNaN() 函数用于检查其参数是否是非数字值。如果 值x 是特殊的非数字值 NaN(或者能被转换为这样的值),返回的值就是 true;如果 值x 是其他值,则返回 false。

示例:

<!DOCTYPE html>
<html>
<head>
<title>表单验证</title>
<style>
#box{width:250px; height:260px; background-color: black; color:white;}
</style>
<script type="text/javascript">
function fun()
{
	var a=document.getElementById('zhi').value;
	if(isNaN(a)==true)
	{
		alert('不是数字哦');
		document.getElementById('zhi').value='';
	}
}
</script>
<body>
请输入,判断是否为数字:<input type='text' id='zhi' οnkeyup='fun()' />
</body> 
</html>

1.png-600

2.png-600

方法2:使用正则表达式

示例1:校验只要是数字(包含正负整数,0以及正负浮点数)就返回true

/**
* 校验只要是数字(包含正负整数,0以及正负浮点数)就返回true
**/
function isNumber(val){

//非负浮点数
var regPos = /^\d+(\.\d+)?$/;

 //负浮点数
var regNeg = /^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/;
    if(regPos.test(val) || regNeg.test(val)){
        return true;
    }else{
        return false;
    }

}

示例2:校验正负正数就返回true

/**
* 校验正负正数就返回true
**/
function isIntNum(val){
    var regPos = / ^\d+$/; // 非负整数
    var regNeg = /^\-[1-9][0-9]*$/; // 负整数
    if(regPos.test(val) || regNeg.test(val)){
        return true;
    }else{
        return false;
    }
}

更多前端开发知识,请查阅 HTML中文网 !!

以上就是javascript怎么验证值是否是数字?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 答疑