Почему все ровно происходить перезагрузка браузера при e.preventDefault?

Question

[GGatsby]

Хочу вызвать функцию по клику, при этом использую e.preventDefault

validate(){
    var form = document.forms[0];
    var username = form.elements["username"];
    var password = form.elements["password"];
    var email = form.elements["email"];
    var phone = form.elements["phone"];
    var button = form.elements["button"];
    
    function userValid(){
      if (username.value.length < 2) {
        console.log("name is too short");
      } else {
        console.log("it's work");
      }
      e.preventDefault();
    }
    
    button.addEventListener("click", function(e){
      userValid();
      // _passValid();
      // _emailValid();
      // _phoneValid();
      e.preventDefault();
    });

Comments

[RidgeA]

Оформите вопрос нормально, а то невозможно читать.

[GGatsby]

RidgeA, поправил

Answer 1

[Никита]

потому что e.prevantDefault всегда пишут 1й строкой

Comments

[Виталий Архипов]

это не так

Answer 2

[tyzberd]

https://jsfiddle.net/z8xmLxpx/

Answer 3

[Виталий Архипов]

Переменной e не существует в функции userValid, либо передавайте ее туда, либо вызовите preventDefault прямо в button.addEventListener("click", function(e){