保留两位小数——正则判断text，type非number

最新推荐文章于 2024-03-16 10:34:44 发布

游走走

最新推荐文章于 2024-03-16 10:34:44 发布

阅读量724

点赞数

CC 4.0 BY-SA版权

分类专栏： web 文章标签： js

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.youkuaiyun.com/qq_24734285/article/details/80313085

web 专栏收录该内容

93 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript限制用户仅能输入数字、小数点和负号的方法，并通过JavaScript处理失焦事件来确保数值保持两位小数的格式。此方案适用于需要精确控制用户输入数字的应用场景。

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

input标签中

onkeyup="value=value.replace(/[^\d|^\.|^\-]+/g,'')" 
type="text" 
onkeypress="return (event.keyCode==46 || (event.keyCode>=48&&event.keyCode<=57))"
onblur="this.value=fixedTwo(this.value)"

注：只允许输入数字、小数点、负号；

js处理失焦事件：

function fixedTwo (data){
  if(!Number(data))
    return null;
  var index = data.indexOf('.');
  if(index<0){
    return data+'.00';
  }
  else {
    var a=data.split('.')[0]?data.split('.')[0]:'0';
    var b=data.split('.')[1]?(data.split('.')[1]+'00').slice(0,2):'00';
    return a+'.'+b;
  }
}