Question

到目前为止，我一直在自学Vue.js，并且非常喜欢它。我有一个项目，终于有机会继续使用它。我正在创建一个表单，并希望进行一些验证。我已经习惯了C＃的处理方式，例如String.IsNullOrWhiteSpace()一口气就能完成所有工作。我什至还没有找到在Vue中做到这一点的方法，即使可能的话。我确实知道在常规javascript

中更简单的方法

这是我的应用和数据

const app = new Vue({
    el: '#app',
    data() {
        return { 
            errors: [],
            parentInfo: {
                name: null,
                address: null,
                city: null,
                state: null,
                zip: null,
                primaryPhone: null,
                secondaryPhone: null
            }  
        }
    }
...

这是我对表格的验证。如果他们在每个字段中都添加了空格，则仍然无法捕获。

checkParentInfo: function () {
    this.errors = [];
    for (var i in this.parentInfo) {
        if (this.parentInfo[i] === null && i !== 'secondaryPhone' || !this.parentInfo[i] && i !== 'secondaryPhone') {
            this.errors.push('All parent info must be filled out, with the exception of a Secondary Phone Number');
            return;
        }
    }

}

有内置的方法来执行if语句吗？一口气像我在C＃中一样？

Answer 1

您可以轻松地编写/folder1testdata/test.properties来代替if (this.parentInfo[i] === null)，当if (!this.parentInfo[i])不为this.parentInfo[i]，undefined，null， NaN，0（空字符串）或""。

仅包含空格的字符串将返回true，因此必须运行false。

您当然可以创建自己的方法if (this.parentInfo[i]===" ")并改用它。

请注意，这是一个Javascript问题，而不是Vue.js问题。

检查Vue中的null或空格

1 个答案: