vue 自定义验证规则rule只能为数字

2019-10-19 13:39:28

vue中自定义rule进行校验input框只能为数字


vue


<el-input v-model="age" maxlength="3"/>


js


 const isNum = (rule, value, callback) => {
      const age= /^[0-9]*$/
      if (!age.test(value)) {
        callback(new Error('年龄只能为数字'))
      }else{
        callback()
      }
    }


vue-js

rules: {
        age: [
          { required: true, message: '请输入年龄', trigger: 'blur' },
          { validator: isNum, trigger: 'blur' }
        ],


  • 精彩推荐

  • 2017-12-05 22:30:02

    php7.0升级php7.2

    看电脑上的教程要备份7.0配置文件以及扩展啥的，我感觉不如卸载干净重新安装

  • 2017-12-06 09:35:10

    分页优化的四种方式

    在大数据量的情况下，原本很简单的分页如果没有处理好，你会发现分页的请求会消耗你大量的数据库时间。如果你遇到了这个问题，文章给了你几个很好的解决的方案。当然，初学者若能看完这篇文章，那么它会指导你写出更具有扩展性的分页代码。