javascript - 查找多个变量的值 - JS

Question

我有以下 JavaScript 源代码:

var Fname = document.getElementById("FirstName").value;
var Lname = document.getElementById("LastName").value;
var email = document.getElementById("Email").value;
var password = document.getElementById("Pass").value;
var reapeat = document.getElementById("Repeat").value;
var area = document.getElementById("selectArea").value;

是否有任何简单的方法来检查每个变量是否为空(Fname == "")？如果是，我应该怎么做？如果不是，最简单的方法是什么？

Answer 1

如果你想用一个循环来做到这一点，你需要一个可循环结构中的字段或值，例如，一个数组:

var fields = ["FirstName", "LastName", "Email", "Pass", "Repeat", "selectArea"];

for (var i = 0; i < fields.length; i++) {
    if (document.getElementById(fields[i]).value === "") {
        alert("Please fill in all fields.");
        break; // or do whatever you like here.
    }
 }

或者您可以在您的标记中为这些元素指定一个公共(public)类，例如:

<input class="noblank" ...>

然后:

var fields = document.getElementsByClassName("noblank");
for (var i = 0; i < fields.length; i++) {
    if (fields[i].value === "") {
        alert("Please fill in all fields.");
        break; // or do whatever you like here.
    }
 }

基于类的方法更好一些，因为如果您在 html 中添加更多必填字段，则根本不必更新 JS。