Как в JS отменить отправку формы в данном случае?

Question

[Максим]

Доброго времени суток господа.
Выручайте плз.
В JS и в вёрстке пока совсем новичок.

Ситуация такая:

Вот код.

Есть калькулятор подсчёта банковской гарантии.
Я сверстал его через форму.
Инпуты калькулятора надо провалидировать (нельзя клацать кнопку расчитать если юзер ничего не ввёл в инпуты).
Я воспользовался jqueryvalidation
Более-менее работает.
Но если все поля заполнены и нажать на кнопку "расчитать", то происходит отправка формы и перезагрузка страницы (а перезагрузка мне не нужна).
Мне нужно просто вывести результат вычислений.

Как отменить отправку формы?
Пока искал ответ сам нарыл ПревентДефолт, но так и не смог прикрутить его нормально(

В Калькуляторе много недоделок. Это я знаю, сейчас вопрос только в отмене отправки формы)
Подскажите пожалуйста.
Спасибо!

Answer 1

[Александр]

btn.addEventListener('click', function(e) {
e.preventDefault();

два изменения

Comments

[Максим]

Извиняюсь, а что за "e"? Прям так и писать как вы подсказали? Не понимаю пока до конца что делает этот код. Если просто добавляю в конец скрипта, не помогет.
Вместо btn подставляю селектор своей кнопки
$('.js-calculate').addEventListener('click', function(e) {
e.preventDefault();
}
Подскажите пожалуйста чуть подробнее.

[Александр]

Максим: да в функцию передаете параметр
просто пишете e
а когда отменяете действие используете его

$('.js-calculate').on('click', function(e) {
e.preventDefault();
});

или
$('.js-calculate').click(function(e) {
e.preventDefault();
});

[Александр]

или просто убираете кнопку
и вставляете какой то span
и по клику проводите расчеты
это если вы не планируете отправлять эту форму

[Максим]

Получилось отменить отправку формы. Добавил в HTML для формы такой атрибут:
OnSubmit="return false"

[Максим]

Буду иметь ввиду ваш вариант :)
Спасибо большое :)