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

冷不防 2022-02-28 07:52 1348阅读 0赞

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

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

<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>

方法二:

方法三 :正则表达式

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

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

[Link 1]: https://www.captainai.net/jiangyu1013/