时间戳

首页 > 解决方案 > 当用户点击提交按钮时，带有 JavaScript 的 Sweetalert 弹出消息

javascript - 当用户点击提交按钮时，带有 JavaScript 的 Sweetalert 弹出消息

问题描述

Submit当用户点击按钮时，我需要弹出一条成功消息。我试图制作一个 javascript 文件来解决该任务，但应该是错误的，因为它什么都不做。

按钮（HTML）：

<button name="submit" type="submit" class="btn btn-primary btn-xl" id="sendMessageButton" action="form.js">Küldés</button>

Javascript 文件：

$("#sendMessageButton").click(function(){
Swal.fire(
    'Good job!',
    'You clicked the button!',
    'success'
    );
});

控制台错误：

Uncaught ReferenceError: Swal is not defined at HTMLButtonElement.<anonymous> (form.js:2) at HTMLButtonElement.dispatch (jquery.min.js:2) at HTMLButtonElement.y.handle (jquery.min.js:2)

标签： javascripthtmlsweetalert

解决方案

在您的 HTML 之上，您需要添加对 sweetAlert 的引用：

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>

那么一切都应该工作。

https://sweetalert2.github.io/#download

推荐阅读