如果未填写必填项,则在提交时提醒用户

时间:2018-12-30 19:06:16

标签: vue.js vuejs2

我是python开发人员,并且一直在从事vuejs应用程序的工作。

if是否具有与采用可迭代函数的python中的a()等效的函数。并且如果iterable中的所有项目都为真,则all([...])返回true

methods: {
    all: function(iterable) {
        for (var index = 0; index < iterable.length; ++index) {
            if (!iterable[index]) return false;
        }
        return true;
    }
}

这就是我的验证方式。

 if (this.all([
                        this.age,
                            this.gender,
                            this.contactNumber,
                            this.townCity,
                            this.department.name,
                            this.attendType
                        ])
                ) {
                    window.location = "#slip"
                    this.displayState = 'block';
                }
                else{
                    alert("Please fill all required fields.");
                }

但这不起作用。

即使我填写了所有必填字段,我在所有this。*属性中也都有值。我仍然收到警告,说“请填写所有必填字段”。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

在JS中,空字符串值将在IF语句中返回false。 您应该先检查这一点。

(也许您必须检查this topic

其他内容:确保已分配“ departement.name”变量。 Vuejs对对象的子属性不起作用。

Reactivity In Depth (Vue.js)