number输入框封装

最新推荐文章于 2024-07-12 09:36:48 发布

Cookie王

最新推荐文章于 2024-07-12 09:36:48 发布

阅读量514

点赞数 10

文章标签：前端 linux javascript

本文链接：https://blog.csdn.net/weixin_73337633/article/details/135355648

版权

该篇文章详细描述了一个JavaScript函数numberInput，用于处理用户输入的数字，确保只接受特定格式的数字，包括小数点、负号和数字限制。它通过一系列正则表达式实现对输入的严格校验。

摘要由CSDN通过智能技术生成

 numberInput(e, decimalDigit) {
         let value = e.replace(/--/g, '');
         value = value.replace(/[^\-\d.]/g, ''); // 只能输入.和-和数字
         value = value.replace(/^\./g, ''); // 第一个字符不能是.
         value = value.replace(/\.{2,}/g, '.'); // 不能连续输入.
         value = value.replace(/(\.\d+)\./g, '$1'); // .后面不能再输入.
         value = value.replace(/(-)\./g, '$1'); // -后面不能输入.
         value = value.replace(/\-{2,}/g, '-'); // -只能保留一个
         value = value.replace(/(\d+|\.)-/g, '$1'); // 数字和.后面不能接-,不能出现类似11-, 12.-
         value = value.replace(/-(0){2,}/g, '$1'); // 不能出现-00,-001,-0001类似
         value = value.replace(/(-)0+(\d+)/g, '$1$2'); // 不能出现-01,-02类似
         value = value.replace(/^0+(\d)/, '$1'); // 第一位0开头，0后面为数字，则过滤掉，取后面的数字
         value = value.replace(/(\d{8})\d*/, '$1'); // 最多保留8位整数
         value = value.replace(/(\.\d{4})\d*/, '$1'); // 最多保留4位小数
         return value;
      },