Как сделать действие в JS?

Question

[K1NDER]

Я сделал такой код, при нажатии на кнопку должно пройти действие в JS, но вместо этого форма обновляется.

<div class="btn-cont">
  <input class="btn-enter js-btn-auth" type="submit" value="Войти">
  <a class="btn-register  js-btn-register" href="registration.html">Регистрация</a>
</div>

authBtn.on('click', () => {
        mp.events.call('notify', 1, 9, 'Логин не соответствует формату или слишком длинный!', 3000);
        mp.gui.cursor.visible = false;
        let authData = $('#auth-form').toJSON();
        mp.trigger('signin', authData);
        localStorage['form_data'] = authData;
        return false;
    });

authBtn = $('.js-btn-auth');

Хотя такой же код регистрации работает, не могу понять в чем моя проблема.

Answer 1

[kocherman]

document.querySelector('form').addEventListener('submit', e=>{
e.preventDefault();
e.stopPropagation();
})

c jQuery чуть короче

$('#auth-form').on('submit',e=>{
/** После этих двух строк форма не будет перезаггружаться **/
e.preventDefault();
e.stopPropagation();
/*** ваше действие тут ***/

});

UPD. Забыл отметить, чтобы поставили кнопке аттрибут type="submit" и не трогали событие "click" у кнопки. Вам нужно событие отправки формы "submit", а не клик кнопки. Форма может быть отправлена, например по нажатию Enter.

Comments

[K1NDER]

Тогда почему этот код работает?

<div class="btn-cont">
                        <a class="btn-back  js-btn-back" href="index.html">Назад</a>
                        <input class="btn-register-end" type="submit" value="Зарегистрироваться">
                    </div>

endRegisterBtn.on('click', () => {
        let regData = $('#reg-form').toJSON();
        mp.trigger('signup', regData);
        localStorage['form_data'] = regData;
        return false;
    });

endRegisterBtn = $('.btn-register-end');