js如何验证用户输入的只能是数字？

最新推荐文章于 2024-01-27 21:57:36 发布

weixin_34321753

最新推荐文章于 2024-01-27 21:57:36 发布

阅读量2.1k

点赞数 1

文章标签： javascript ViewUI

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

版权

方法一
如果判断输入的是否是数字，如果不是数字弹出一个提示：简易代码如下：
<body>
<input type="text" id="inp"></table>
</body>
<script>
	var oInp = document.getElementById('inp');
	oInp.οnblur=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