正则：只允许输入框输入数字

最新推荐文章于 2023-11-01 16:53:45 发布

ZHuan20211123

最新推荐文章于 2023-11-01 16:53:45 发布

阅读量499

点赞数 2

分类专栏： element JS 文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/ZHuan20211123/article/details/124880190

版权

element 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

需求：输入框只允许输入数字

代码：关键是isNumber方法的调用

 <el-col :span="10">
       <el-form-item
              label="超时时间:"
              prop="timeout"
              label-width="1.5rem"
              :rules="[
                { required: true, trigger: 'blur', message: '必填！' },
                { validator: isNumber, trigger: ['blur', 'change'] },
              ]"
            >
              <el-input
                v-model="emailForm.timeout"
                size="mini"
                style="width: 1rem"
                placeholder="30"
              ></el-input>
              <span style="margin-left: 10px">秒</span>
        </el-form-item>
    </el-col>

 // 校验表单----只允许输入数字
    isNumber(rule, value, callback) {
      let reg = /^[1-9]([0-9])*$/;
      if (reg.test(value)) {
        callback();
      } else {
        callback("请输入数字！");
      }
    },

写的不好欢迎指出！