Всплывающее сообщение Sweetalert с JavaScript, когда пользователь нажимает кнопку «Отправить»

Мне нужно, чтобы сообщение об успешном выполнении появлялось, когда пользователь нажимает кнопку 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)

javascript html sweetalert
person g.mark11    schedule 16.06.2019    source источник
comment
у вас есть ошибки в js-консоли браузера?   -  person Rambarun Komaljeet    schedule 16.06.2019
comment
Uncaught ReferenceError: Swal не определен в HTMLButtonElement. ‹Anonymous› (form.js: 2) в HTMLButtonElement.dispatch (jquery.min.js: 2) в HTMLButtonElement.y.handle (jquery.min.js: 2)   -  person g.mark11    schedule 16.06.2019
comment
Küldés - magyarok mindenhol ????   -  person DaWe    schedule 05.11.2020

Ответы (2)


arrow_upward
0
arrow_downward

поверх HTML вам нужно добавить ссылку на sweetAlert:

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

тогда все должно работать.

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

person Nikolaos Manolas    schedule 16.06.2019

arrow_upward
0
arrow_downward

вы загрузили sweetalert cdn? если да, то сделайте это ..

$("#sendMessageButton").click(function(){
swal({
    title: "Good Job",
    text: "You clicked the button!.",
    type: "success"
},
function () {
    //thing which you want to do on click the button of alert
    //location.reload();
});
});
person Anadkat Bhavik    schedule 16.06.2019
comment
Нет, это была проблема. Спасибо :) - person g.mark11; 16.06.2019