SweetAlert всплывающее окно, когда поля заполнены

Question

Я очень новичок в JavaScript. Я хотел, чтобы Sweetalert работал, только если все поля заполнены. Я попробовал больше версий кода, я нашел ответы здесь на форуме, но ничего не помогло. Теперь, если я не заполняю все поля и нажимаю «Отправить», я получаю сообщение об ошибке из-за 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;

Таким образом, вы получаете текст, введенный вполя ввода, а не сами элементы.