vue input框输入正则限制

• 输入整数
  <el-input oninput="value=value.replace(/[^\d]/g,'')" placeholder="请输入" />

• 输入正整数
  <el-input oninput="value=value.replace(/\D|^0/g,'')" placeholder="请输入" />

• 输入中文和英文
  <el-input oninput="value=value.replace(/[^\a-\z\A-\Z\u4E00-\u9FA5]/g,'')" placeholder="请输入" />

• 输入中文，英文，数字
  <el-input oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" placeholder="请输入" />

• 输入数字，一位小数，小数后最多保留两位（用于类似价格）
  let goodsValue = value.replace(/[^\d.]/g, '').replace(/\.{2,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3').replace(/^\./g, '')

• 输入数字，三位数逗号分隔

  thousands(num) {
    var str = num.toString();
    var reg = str.indexOf(".") > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g;
    return str.replace(reg, "$1,");
  }
  

• 输入数字，负数
  value.replace(/[^0-9-]|(?<=\..*)\.|(?<!\d)\.|(?!^)-/g, '')

• 输入数字，负数,小数点
  value.replace(/[^0-9-.]|(?<=\..*)\.|(?<!\d)\.|(?!^)-/g, '')

• 输入必须包含大写字母+小写字母+数字
  value.replace(/^(?=.*?[a-z])(?=.*?[A-Z])(?=.*?\d)[a-zA-Z\d?]*$/, '')

• 输入必须包含大写字母+小写字母+数字+特殊字符 特殊字符包含：~ ! @ # $ % ^ & * ( ) _ + [ ] { } | \ ; : ’ " , . / < > ?
  value.replace(/^(?=.*?[a-z])(?=.*?[A-Z])(?=.*?\d)(?=.*?[~!#@$%^*&()_+{}\[\]|\\;:'",<.>\/?])[a-zA-Z\d~!#@$%^*&()_+{}\[\]|\\;:'",<.>\/?]*$/, '')

上面是我实际用到过的，部分参考：
https://www.cnblogs.com/joe235/p/11358060.html