javascript sweetalert alertbox 出现问题

Question

我正在使用 sweetalert (http://t4t5.github.io/sweetalert/) 来弹出警报消息，而不是使用标准的 javascript 警报框。我已经安装了必要的库。它仅在某些条件下起作用，但在其他条件下不会出现。这段代码：

if (document.getElementById('a').value == "") {
    swal("Error","The value is empty.");
    return false;
} else {
..
..
}

按预期工作正常。但是，如果我这样编码：

if (document.getElementById('a').value == "") {
    swal("Error","The value of A is empty.");
    return false;
}
if (document.getElementById('b').value == "") {
    swal("Error","The value of B is empty.");
    return false;
} 
if (document.getElementById('c').value == "") {
    swal("Error","The value of C is empty.");
    return false;
}

即使所有值都为空，也只会弹出最后一条消息 (C)。有谁有过sweetalert的经验可以帮助我吗？

Answer 1

我刚刚简单地检查了源代码，但我的猜测是 Sweet Alert 框已被覆盖。您正在使用 3x if 语句，但没有使用 if else。所以当第二个条件被满足时，第一个错误框被覆盖，当第三个条件被满足时，第二个错误框被覆盖。

因此，如果 sweet alert 一次只支持一个错误框，则您需要安排条件，以便最重要的错误在最后。