分享一个工作中常用的正则表达式

input只能输入大于0的数字,如果不满足就清空input,并且给出提示
例如:
在这里插入图片描述
Dom

                <el-form-item label="合同建筑面积" prop="contractBuildArea">
                  <div class="area">
                    <el-input
                      v-model.number="formData.contractBuildArea"
                      placeholder="请输入合同建筑面积"
                      :controls="false"
                      onkeyup="this.value=this.value.replace(/^[1-9]\d*(\.\d+)?$/,'')/"
                      onafterpaste="this.value=this.value.replace(/\D/g,'')"
                      @input.native="changeNumber($event,0)"
                    />
                    <span class="unit">万平方米</span>
                  </div>
                </el-form-item>

Js

    changeNumber (e, value) {
      const targetValue = e.target.value
      var reg = /^[1-9]\d*(\.\d+)?$/
      if (targetValue <= value || !targetValue || !reg.test(targetValue)) {
        e.target.value = ''
        console.log('不符合')
        return
      }
    },

可以看到输入负数,字符串等都会被清空,只能输入整数

GitHub 加速计划 / vu / vue
83
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:5 个月前 )
9e887079 [skip ci] 3 个月前
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐