首页 > 其他 > 详细

el-input为数字时验证问题

时间:2017-11-24 19:50:53      阅读:324      评论:0      收藏:0      [点我收藏+]

el-input为数字时,初始有值,怎么还会验证不能为空?

html:

<el-form-item label="审核数量:" prop="checkNum">
     <el-input placeholder="请输入审核数量" v-model="task.checkNum" class="short-input"></el-input>
</el-form-item>

验证规则:

    checkNum: [
      { required: true, message: ‘审核数量不能为空‘, trigger: ‘blur‘ },
      {
        validator: (rule, value, callback) => {
          if (/^[1-9]\d*$/.test(value) == false) {
            callback(new Error("请输入一个整数"));
          } else {
            callback();
          }
        }, trigger: ‘change‘
      }
    ],

但是task.checkNum初始有值,点进去不改值,再blur的时候还是会出错,如下:

技术分享图片

 

 

原因

因为input默认接受的字符串,为数字时,系统默认值不符合,默认为空。

 

解决方法

    checkNum: [
      {type: ‘number‘, required: true, message: ‘审核数量不能为空‘, trigger: ‘blur‘ },
      {
        validator: (rule, value, callback) => {
          if (/^[1-9]\d*$/.test(value) == false) {
            callback(new Error("请输入一个整数"));
          } else {
            callback();
          }
        }, trigger: ‘change‘
      }
    ],

告诉el-input关联的是number类型。

 

el-input为数字时验证问题

原文:http://www.cnblogs.com/XHappyness/p/7892002.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!