SweetAlert弹出消息，当字段被填充时，带有JavaScript

Question

我想让Sweetalert只有在所有fields都填满时才起作用。我尝试了更多版本的代码，我在论坛上找到了答案，但没有任何帮助。现在，如果我没有填写所有字段并单击submit，我会因为 HTML 而收到通知消息，但弹出窗口也会出现。

正如你在这里看到的，虽然我得到了弹出窗口，但我没有填写最后一个输入字段。

function Sweetalert1(){
    var name = document.getElementById("name");
    var message = document.getElementById("message");
    var email = document.getElementById("email");
    if ((name != "" && message != "" && email != "") {
        Swal.fire(
                'Köszönjük!',
                'Megkaptuk a leveledet és hamarosan válaszolunk!',
                'success'
    }
}

Answer 1

您需要获取表单输入的值。目前，您的name、message和email都是Element的，因此它们都不等于""。所以你的if语句真的是这样的：

if (true && true && true) {
  // code..
}

相反，您可以从输入元素中获取值：

var name = document.getElementById("name").value;
var message = document.getElementById("message").value;
var email = document.getElementById("email").value;

这样，您可以获得输入到输入字段中的文本，而不是元素本身。