diff --git a/public/js/app.js b/public/js/app.js index 00578ba..2b0e401 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -164,11 +164,12 @@ const App = { Здесь можно зайти по email для тестирования. - - - - - + + + + + +
Введите email и пароль
🍻 BuhApp — приложение для лиц 18+. Встречи и употребление алкоголя — на свой риск. @@ -178,6 +179,28 @@ const App = { `; document.getElementById('el-login').onclick = () => this.emailLogin(); document.getElementById('el-register').onclick = () => this.emailRegister(); + + // live-валидация + const update = () => { + const email = document.getElementById('el-email').value.trim(); + const pass = document.getElementById('el-pass').value; + const ok = email.length > 0 && pass.length >= 8; + document.getElementById('el-login').disabled = !ok; + document.getElementById('el-register').disabled = !ok; + const hint = document.getElementById('el-hint'); + if (pass.length > 0 && pass.length < 8) { + hint.textContent = 'Пароль слишком короткий (' + pass.length + '/8)'; + hint.style.color = 'var(--danger)'; + } else if (ok) { + hint.textContent = '✓ Готово'; + hint.style.color = 'var(--success)'; + } else { + hint.textContent = 'Введите email и пароль'; + hint.style.color = 'var(--text-dim)'; + } + }; + document.getElementById('el-email').addEventListener('input', update); + document.getElementById('el-pass').addEventListener('input', update); }, async emailLogin() {