js限制input只能输入有效的数字(第一个不能是小数点)

(编辑：jimmy 日期: 2024/11/19 浏览：2)

第一种方法：通过字符搜索判断等实现，适合功能增强

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script src="/UploadFiles/2021-04-02/jq.js">

方法二 通过大量正则来实现，简单粗暴


<input type="text" name="je" onkeyup="clearNoNum(this)" />元 
 <script language="JavaScript" type="text/javascript"> 
	function clearNoNum(obj){ 
	 obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符 
	 obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的 
	 obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); 
	 obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数 
	 if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额 
	 obj.value= parseFloat(obj.value); 
	 } 
	} 
</script> 



个人推荐使用第二个，第一个方便更多的功能控制
之前也发布过相关文章，大家可以查看相关文章

上一篇：js限制输入框只能输入数字(onkeyup触发)

下一篇：js实现点击展开隐藏效果（实例代码）