element表单验证的问题?

发布于 2022-09-12 03:39:46 字数 662 浏览 11 评论 0

      <el-form-item label="ISBN:" prop="goodsNo">
          <el-input v-model.number="form.goodsNo" type="number" style="width: 300px"/>
        </el-form-item>
        <el-form-item label="ISBN前四位:" prop="goodsNoFour">
          <el-input v-model.number="form.goodsNoFour" type="number" style="width: 300px"/>
        </el-form-item>
        
        
  rules: {
    goodsNo: [{ type: 'number', trigger: 'blur', message: '请输入数字' }],
    goodsNoFour: [{ type: 'number', trigger: 'blur', message: '请输入数字' }]
  },

这两个框可以不提交,但是如果要提交的话必须输入数字,我这么写的话好像就不行了,提交的时候不输入的话也会验证这个规则

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

九命猫 2022-09-19 03:39:46

因为规则中设置了类型是数字,在提交表单,校验空不通过,所以才会提示。
1、你可以使用InputNumber组件
2、验证使用自定义验证,为空也表示通过

你的他你的她 2022-09-19 03:39:46

自定义验证


var validatePass = (rule, value, callback) => {
    if(value) {
        if(isNaN(value)) {
        callback(new Error('只能输入数字'))
        }
    }
    callback()
}
停滞 2022-09-19 03:39:46

你已经设置了type='number'所以他必定是个数字,就没有必要表单校验了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文