Duvida ao submeter um formulário no Bootstrap

Tô aprendendo a trabalhar com Bootstrap e tô com uma dúvida quando se trata de submit de um formulário.

No JavaScript que eu aprendi seguinte forma:

btnAdd.addEventListener("click", (e) => {
e.preventDefault();

No exemplo acima eu consigo por exemplo executar toda minha instrução como por ex: pegar os inputs. Apliquei esse exemplo acima no Bootstrap, mas no meu html tenho campos required e não funciona mais , pesquisei e vi um exemplo dessa forma abaixo que por sinal os validadores dos campos funcionam e mas quando clico no meu botão ele simplesmente acontece um refresh.

btnAdd.addEventListener("submit", () => {

Não entendi o problema, mas “submit” é um listener de formulário e não de botão.
Então você deve:

youFormName.addEventListener("submit", (e) => {
 //Sua lógica aqui
})
1 curtida