js 验证用户输入的是否为数字、检查只能为数字

最新推荐文章于 2024-07-26 12:50:06 发布

微风--轻许--

最新推荐文章于 2024-07-26 12:50:06 发布

阅读量1.6w

点赞数 1

分类专栏：前端文章标签： js 验证是否数字数值

原文链接：https://www.cnblogs.com/chuanqimessi/p/4725663.html

版权

前端专栏收录该内容

69 篇文章 4 订阅

订阅专栏

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。

方法一
如果判断输入的是否是数字，如果不是数字弹出一个提示：简易代码如下：

<body>
<input type="text" id="inp"></table>
</body>
<script>
	var oInp = document.getElementById('inp');
	oInp.onblur=function(){
		if(isNaN(Number(oInp.value))){  //当输入不是数字的时候，Number后返回的值是NaN;然后用isNaN判断。
			alert('不是数字！')
		}
	}
</script>

方法二:

<script language="javascript"> 

function CheckMyForm() 
{ 
    var txt = myform.mytext.value; 
    if(checknumber(txt)) 
    { 
        alert("只允许输入数字！"); 
        return false; 
    } 
    return true; 
} 

function checknumber(String) 
{ 
    var Letters = "1234567890"; 
    var i; 
    var c; 
    for( i = 0; i < String.length; i ++ ) 
    { 
        c = String.charAt( i ); 
        if (Letters.indexOf( c ) ==-1) 
        { 
            return true; 
        } 
    } 
    return false; 
} 

</script> 

<body> 
<form name="myform" onSubmit="return CheckMyForm()"> 
<input type="text" name="mytext"> 
<input type="submit" name="mysubmit"> 
</form> 
</body>

方法三 :正则表达式

最完整最精确的方法：(正则表达式)

1）正则：

　  "^\\d+$"　　　　　　　　　　 //非负整数（正整数 + 0） 

　　"^[0-9]*[1-9][0-9]*$"　　　 //正整数 

　　"^((-\\d+)|(0+))$"　　　　  //非正整数（负整数 + 0） 

　　"^-[0-9]*[1-9][0-9]*$"　　 //负整数 

　　"^-?\\d+$"　　　　　　　　   //整数 

　　"^\\d+("　　　　　　　　　　 //非负浮点数（正浮点数 + 0） 

　　"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　　　//正浮点数

　　"^((-\\d+("　　　　　　　　  //非正浮点数（负浮点数 + 0） 

　　"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　  //负浮点数 

　　"^(-?\\d+)("　　　　　　　　 //浮点数

2）用法：

　　var r = /^\+?[1-9][0-9]*$/;　　//正整数 
      r.test(str);

转自：https://www.cnblogs.com/chuanqimessi/p/4725663.html

微风--轻许--

关注

1
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录