码迷,mamicode.com
首页 > 其他好文 > 详细

el-input为数字时验证问题

时间:2017-11-24 20:24:14      阅读:384      评论:0      收藏:0      [点我收藏+]

标签:require   tor   分享   als   http   ==   new   erro   ace   

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为数字时验证问题

标签:require   tor   分享   als   http   ==   new   erro   ace   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!