javascript实现的数字输入包括负数及小数

最新推荐文章于 2022-04-18 17:11:07 发布

原创最新推荐文章于 2022-04-18 17:11:07 发布 · 259 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

本文介绍了两个JavaScript函数，用于在用户输入时进行实时验证，确保只输入数字、减号和小数点，适用于正数和允许负数的情况。

//判断输入的字符是否是数字、减号、小数点 
	function funKeyPress(str){ 
	   if(event.keyCode==46 && str.length==0)//起始位置不能输入小数点 
	   { 
			alert("输入错误！请输入0--9之间的数字或'-'"); 
        	event.returnValue = false; 
	   }else{ 
			if(str.lastIndexOf('.')!=-1 && event.keyCode==46)//以有小数点并且按的是点键 
			{ 
				alert("输入错误！请输入0--9之间的数字"); 
				event.returnValue = false; 
			   return; 
			} 
			if(event.keyCode==46 && str.lastIndexOf('.')==-1)//没有小数点 
			{ 
		    	 if(str.substr(0,1)=="-" && str.length==1)//并且当是负数时减号后面不能跟小数点 
		     	{     
				    alert("输入错误！请输入数字");
				    event.returnValue = false; 
				    return; 
		    	} 
			    event.returnValue = true; 
			    return; 
			}else
			{ 
				if (event.keyCode < 48 || event.keyCode > 57)//确认输入的是否是数字 
				{ 
				     if(str.length==0 && event.keyCode==45)
				     { 
				     }
				     else
				     { 
				     	alert("输入错误！请输入0--9之间的数字"); 
				     	event.returnValue = false; 
				     } 
				} 
			} 
 	      } 
	} 
	//判断输入的字符是否是数字、减号、小数点 
	function funKeyPressPositive(str){ 
	   if(event.keyCode==46 && str.length==0)//起始位置不能输入小数点 
	   { 
			alert("输入错误！请输入0--9之间的数字或'-'"); 
        	event.returnValue = false; 
	   }else{ 
			if(str.lastIndexOf('.')!=-1 && event.keyCode==46)//以有小数点并且按的是点键 
			{ 
				alert("输入错误！请输入0--9之间的数字"); 
				event.returnValue = false; 
			   return; 
			} 
			if(event.keyCode==46 && str.lastIndexOf('.')==-1)//没有小数点 
			{ 

			}else
			{ 
				if (event.keyCode < 48 || event.keyCode > 57)//确认输入的是否是数字 
				{ 
				     if(str.length==0 && event.keyCode==45)
				     { alert("输入错误！请输入0--9之间的数字"); 
				     	event.returnValue = false; 
				     }
				     else
				     { 
				     	alert("输入错误！请输入0--9之间的数字"); 
				     	event.returnValue = false; 
				     } 
				} 
			} 
 	      } 
}