Javascript Sweetalert在字段不工作时弹出消息

一周前我有一个关于Sweetalert的问题。然后我得到了一个帮助我的答案，但不幸的是，它仍然不起作用。当用户点击提交按钮时，我想要一条Sweetalert弹出消息（成功），但前提是字段已填充。我不知道是什么问题。目前，当用户点击按钮时不会发生任何事情

这是我的密码：

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

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

以及HTML的一部分：

<form role="form" id="contactForm" action="contact.php" method="post">
                <div class="control-group">
                    <div class="form-group floating-label-form-group controls mb-0 pb-2">
                        <label>Név</label>
                        <input class="form-control" id="name" name="name" type="text" placeholder="Név" required="required" data-validation-required-message="Kérlek add meg a neved!">
                        <p class="help-block text-danger"></p>
                    </div>
                </div>
                <div class="control-group">
                    <div class="form-group floating-label-form-group controls mb-0 pb-2">
                        <label>Email Cím</label>
                        <input class="form-control" id="email" type="email" name="email" placeholder="Email" required="required" data-validation-required-message="Kérlek add meg az Email címed!">
                        <p class="help-block text-danger"></p>
                    </div>
                </div>
                <div class="control-group">
                    <div class="form-group floating-label-form-group controls mb-0 pb-2">
                        <label>Üzenet</label>
                        <textarea class="form-control" id="message" rows="5" placeholder="Üzenet" name="message" required data-validation-required-message="Kérlek írd be az üzeneted!"></textarea>
                        <p class="help-block text-danger"></p>
                    </div>
                </div>
                <div id="success"></div>
                <div class="form-group">
                    <button name="submit" type="submit" class="btn" id="sendMessageButton">Küldés</button>
                </div>
            </form>

Név

电子邮件Cím

Üzenet

库尔德斯

您的情况不正常，请尝试执行以下操作：

if (name && message && email)
{
   // Code
}

---

空字段不等于空格（

”

），它等于空字符串（

”

）。因此，您需要检查字段是否等于空字符串，而不是带有空格的字段：

if (name != "" && message != "" && email != "") {
  // code...
}

但是，如果您想将没有文本（只有空格）的字段也视为无效字段，可以将

.trim（）

方法添加到

名称

、

消息

和

电子邮件

变量中。通过使用trim，您可以转动输入，例如 将

“

转换为

”

，然后将其视为无效输入：

if (name.trim() != "" && message.trim() != "" && email.trim() != "") {
  // code...
}

由于空字符串被视为

false

（即

“”==false

），您无需检查输入是否等于空字符串，只需检查

x.trim（）

的计算结果是否为

true

，如下所示：

if (name.trim() && message.trim() && email.trim()) {
  // code...
}

---

我看不出按钮是从哪里开的

在这条线上,

<button name="submit" type="submit" class="btn" id="sendMessageButton">Küldés</button>

3rd

您可以使用表单的“提交时”事件

$("form").submit(function(){
    Sweetalert1();
});

完成此操作后，将您的条件修改为

if (name !== "" && message !== "" && email !== "")

或

---

这里的主要问题是，我看不到任何将表单链接到

Sweetalert1

函数的内容。下面是固定的示例代码：

$("form").submit(function(){
    Sweetalert1();
});

if (name !== "" && message !== "" && email !== "")

if (name.trim() && message.trim() && email.trim())