js限制input只能输入有效的数字，有且只有一个小数点，第一个不能为小数点

本文链接：https://blog.youkuaiyun.com/kongjiea/article/details/39644599

本文介绍两种使用JavaScript限制输入框仅能输入有效数字的方法，包括控制输入的第一个字符不能为小数点、确保只有一个有效的小数点及限制输入字符类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

</head>
<body>
    
  <input type="text" id="Score" />
    <script type="text/javascript">
    $(document).ready(function() {
    //敲击按键时触发
    $("#Score").bind("keypress", function(event) {
    var event= event || window.event;
    var getValue = $(this).val();
    //控制第一个不能输入小数点"."
    if (getValue.length == 0 && event.which == 46) {
        alert(1)
        event.preventDefault();
        return;
    }
    //控制只能输入一个小数点"."
    if (getValue.indexOf('.') != -1 && event.which == 46) {
        event.preventDefault();
        alert(1)
        return;
    }
    //控制只能输入的值
    if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {
        event.preventDefault();
         return;
        }
    })
    //失去焦点是触发
    $("#Score").bind("blur", function(event) {
    var value = $(this).val(), reg = /\.$/;
    if (reg.test(value)) {
    value = value.replace(reg, "");
    $(this).val(value);
    }
    })
    });
</script>

</body>
</html>

方法二

<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限制输入框只能输入数字

移动端手机网站限制input只能输入数字

toFixed方法重写，toFixed四舍五入在数值很小时的精度问题

js处理数字保留2位小数，强制保留2位小数不够补上.00

数字格式化，格式数字保留2位小数点，格式数字自定义保留n位小数点

js数字金额大写转换

数字格式化相关文章：

数字格式化，格式数字保留2位小数点，格式数字自定义保留n位小数点

数字格式化为金额格式（3位一个逗号隔开）如：100,000.00