javascript - 将所有变量合并为一个变量

Question

我的 JavaScript 代码中有五个变量。我想将所有这些变量合并为一个变量。

我的五个变量:

var description = $("#description").val();
var keywords =  $("#keywords").val();
var author = $("#author").val();
var robots = $("#robots").val();
var revisit_after = $("#revisitafter").val();

我希望将所有这些变量组合成一个变量，如下所示:

var all_fields = title,description,keywords,author,robots,revisit_after ;

如果这有效，我可以轻松验证我的输入字段，如下所示:

if(all_fields == "")
{
alert('Empty Field detected');
}

HTML:

<input type="text" class="text_boxes" placeholder="Title" id="title"><br> 
<input type="text" class="text_boxes" placeholder="Description" id="description"><br> 
<input type="text" class="text_boxes" placeholder="author" id="author"><br> 
<input type="text" class="text_boxes" placeholder="Keywords" id="keywords"><br>

有什么办法可以将它们变成一个变量吗？

Answer 1

您可以使用 jQuery 根据字段类型枚举它们并验证它们不为空，而不是手动将它们全部放入数组中:

function check() {
    $("input[type='text']").not(".no-verify").each(function (i, element) {
        if ($(this).val() == "") {
            alert("Empty field detected!");
        }
    });
}

JSFiddle

这种方法的优点:

1. 根据需要添加/删除字段。
2. 轻松添加要检查的字段类型以及要为每种类型运行的自定义代码。
3. 轻松更改什么构成“空”和什么不构成“空”。
4. 通过添加 no-verify 类来排除检查空值的字段。