elementui在不点击提交的时候校验表单内容

最新推荐文章于 2023-04-04 15:27:30 发布

原创最新推荐文章于 2023-04-04 15:27:30 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

elementui 专栏收录该内容

15 篇文章

订阅专栏

本文深入探讨了表单验证规则的实现，特别是针对预计使用月份和已折旧月份的自定义验证逻辑。通过具体示例代码，展示了如何设置表单规则，并在用户输入不符合条件时给出错误提示。

//表单规则
guding_rules: {
           
                    endMonth:[
                        { required: true,validator: endMonth, trigger: 'blur' }
                    ],

                },


//自定义表单规则
var endMonth = (rule, value, callback) => {
                if (value === '') {
                    callback(new Error('请输入预计使用月份和已折旧月份'));
                } else {
                    //如果输入的都是数字
                    // if (!isNaN(Number(this.guding_form.getMonth)) && !isNaN(Number(this.guding_form.setMonth)) && this.guding_form.getMonth !=="" && this.guding_form.setMonth !=="") {
                    if(this.guding_form.setMonth < this.guding_form.getMonth){
                        callback(new Error('已折旧月份不得大于预计使用月份'))
                    }else{
                        callback();
                    }
                    // }
                }
            };

//手动校验
this.$refs.guding_form.validateField('endMonth');