Как сделать правильную валидацию пароля в js?

Question

[likhan]

Есть класс User и в нем есть метод Валидации Пароля.Если пароль больше или равно 6, то выводится правильно, если не правильно, то неправильно.Однако при запуске страницу захожу в консоль и там сразу стоит неправильно, даже написав по валидации, все равно неправильно.Что делать?

class User{
    constructor(login, password){
      this.login=login;
      this.password=password;
    }
    ValidatePassword(){
        if(this.password.lenght >= 6){
            return true;
        }
        else{
            return false;
        }
    }
}
let knp = document.querySelector(".log");
let knp2 = document.querySelector(".pas");
let q = knp.value;
let w = knp2.value;
const firstUser = new User(q, w);
console.log(firstUser.ValidatePassword());

Comments

[Andrey Suha]

Код нужно вставлять через тег code

[likhan]

Andrey Suha, У меня визуал код и он подключен в html

[Andrey Suha]

likhan,
Да пофиг что у Вас там подключено код через эту кнопку вставьте

[likhan]

Andrey Suha,

class User{
    constructor(login, password){
      this.login=login;
      this.password=password;
    }
    ValidatePassword(){
        if(this.password.lenght >= 6){
            return true;
        }
        else{
            return false;
        }
    }
}
let knp = document.querySelector(".log");
let knp2 = document.querySelector(".pas");
let q = knp.value;
let w = knp2.value;
const firstUser = new User(q, w);
console.log(firstUser.ValidatePassword());

[Шохрух Шаймардонов]

likhan, емае... вы сам вопрос то поправьте, если бы поленился, я бы ушел из страницы вопроса (мысли множества авторов)

[Andrey Suha]

Собственно ниже Вам дали верный ответ.

Answer 1

[Александр]

На инпуты надо бы добавить событие input и обновлять данные у класса, а после валидировать. Только в обработчиках каждый раз новый экземпляр класса делать не надо, а то помрет браузер так.

Answer 2

[Алексей]

Рекомендую создать отдельный класс Validation, где опишете все методы валидации. Это удобно тем, что валидировать данные нужно не только у юзеров. Если не выделить эти методы в отдельный класс, то будете повторять себя, либо использовать класс юзер не по назначению.

Что касается самого вопроса. Просто в конструкторе заведите переменную this.touched: false и после фокуса поменяйте ее на true. И валидацию применяйте только к элементам у которых touched равно true