填写字段时带有 JavaScript 的 SweetAlert 弹出消息

Question

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

As you can see here, altough I got the pop-up, I did not fill the last input field.

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，因此其中 none 等于 ""。所以你的 if 声明看起来像：

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

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

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

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

填写字段时带有 JavaScript 的 SweetAlert 弹出消息

SweetAlert pop-up message with JavaScript when the fields are filled

html

javascript

sweetalert