Input Number 限制输入格式

最新推荐文章于 2024-06-13 10:45:00 发布

Lorie要好好学习天天向上

最新推荐文章于 2024-06-13 10:45:00 发布

阅读量4k

点赞数

分类专栏： js html 文章标签： javascript 前端

本文链接：https://blog.csdn.net/sinat_35820101/article/details/126287449

版权

js 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

html

6 篇文章 0 订阅

订阅专栏

限制输入字符

// 只允许输入数字(整数：小数点不能输入)
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" > 
// 允许输入小数(两位小数)
<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" > 
// 允许输入小数(一位小数)
<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g, '$1')" > 
// 开头不能为0，且不能输入小数
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')" >

去掉多余的0

// 输入框为数字类型，不允许存在2.3.3连续小数点。（此时value为空，但输入框未清空，手动清空）
export function handleBlurDots (item, event) {
  if (item === '') {
    setTimeout(() => {
      event.target.value = '';
    }, 60);
  }
  // 去除整数前的0和小数点后多余的0，如011.020300 =》 11.0203
  const reg1 = /0*([1-9]\d*|0\.\d+)/;
  const reg2 = /(?:\.0*|(\.\d+?)0+)$/;
  event.target.value = event.target.value.replace(reg1, '$1').replace(reg2, '$1');
  return event.target.value;
}