HTML кнопки ведет себя странно по щелчку

Question

Так что у меня есть этот HTML код:

function sendMain() { 
 
    swal({ 
 
    title: "Preparando para mandar Email...", 
 
    text: "Clique em 'OK' para mandar o Email.", 
 
    type: "info", 
 
    showCancelButton: true, 
 
    closeOnConfirm: false, 
 
    showLoaderOnConfirm: true, 
 
    }, function() { 
 
    setTimeout(function() { 
 
     swal("Redirecionando!"); 
 
    }, 2000); 
 
    }); 
 
}

<button id="send" onclick="sendMain()">Mandar</button>

Где swal является функцией SweetAlert шоу оповещения. Дело в том, что когда я нажимаю на него, он показывает сообщение на 1/4 секунды, а затем переходит в верхнюю часть страницы и добавляет «?». до конца URL страницы. Что не так?

Answer 1

Вы не указали type для своей кнопки, поэтому по умолчанию это кнопка отправки. И поведение по умолчанию для кнопки «Отправить» - это попытка отправить свою форму, которая заставляет перезагружать страницу. Добавьте следующий атрибут:

type="button" 

Тогда кнопка будет иметь действие не по умолчанию, и, таким образом, будет делать только то, что вы задаете с помощью JavaScript.