限制只能输入正整数、负整数和0

1
2
3
4
5
6
7
8
9
10
11
12
value
       .replace(/[^\d^\.^-]+/g, '')   // 把不是数字,不是小数点的过滤掉
 
      .replace(/[^\d^\-^-]+/g, '')   // 把不是数字,不是负号-的过滤掉
 
      .replace(/^0+(\d)/, '$1')      // 以0开头,0后面为数字,则过滤掉,取后面的数字
 
      .replace(/^-0+(\d)/, '-$1')    // 以-0开头,0后面为数字,则过滤掉,取后面的数字
 
      .replace(/-/g, (match: any, offset: number) => offset === 0 ? '-' : '') // 只允许第一个是负号-
 
      .replace(/\./, '#').replace(/\./, '').replace(/#/, '\.') // 只保留第一个小数点       

参考链接:https://juejin.cn/post/7374343669207908361?searchId=20241011151026AFCF1166D360D117996D

 

限制只能输入正整数、负整数和0

<el-input
            clearable
            v-model.trim="form.errorCode"
            :placeholder="$t('info.pherrorCode')"
            :disabled="errorCode != undefined"
            @input="handleNumInput(form.errorCode)"
          />
复制代码
handleNumInput(errorCode) {
      console.log(errorCode);
      errorCode = errorCode
        .replace(/[^\d^\-^-]+/g, '') // 把不是数字,不是小数点的过滤掉
        .replace(/^0+(\d)/, '$1') // 以0开头,0后面为数字,则过滤掉,取后面的数字
        .replace(/^-0+(\d)/, '-$1') // 以-0开头,0后面为数字,则过滤掉,取后面的数字
        .replace(/-/g, (match, offset) => (offset === 0 ? '-' : '')); // 只允许第一个是负号-
      this.$set(this.form, 'errorCode', errorCode);
    },
复制代码

 11111限制只能输入正负数,0,小数

复制代码
value = value
        .replace(/[^\d^\.^-]+/g, '') // eslint-disable-line  // 把不是数字,不是小数点的过滤掉
        .replace(/^0+(\d)/, '$1') // eslint-disable-line   // 以0开头,0后面为数字,则过滤掉,取后面的数字
        .replace(/^-0+(\d)/, '-$1') // eslint-disable-line   // 以-0开头,0后面为数字,则过滤掉,取后面的数字
        .replace(/-/g, (match, offset) => (offset === 0 ? '-' : '')) // eslint-disable-line   // 只允许第一个是负号-
        .replace(/\./, '#')
        .replace(/\./, '')
        .replace(/#/, '.')
        .replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); // eslint-disable-line   // 小数点后只能输入两位
      // 第一位不让输小数点
      if (value == '.') {
        value = '';
      }
复制代码

 

posted @   Ao_min  阅读(21)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
历史上的今天:
2022-10-11 利用vue的tab标签做三级导航,当页面显示不全,出现左右切换箭头
2020-10-11 js中if条件默认规则
点击右上角即可分享
微信分享提示