From 89cfc834dac1dc36d681fa590082ef5da9b1fe64 Mon Sep 17 00:00:00 2001
From: Web-serfer <user@example.com>
Date: Tue, 5 May 2026 22:55:44 +0500
Subject: [PATCH] =?UTF-8?q?=D0=9D=D0=BE=D0=B2=D1=8B=D0=B9=20=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BA=D0=B8=20=D0=BD=D0=B0=20=D1=81=D0=B0=D0=B9?=
 =?UTF-8?q?=D1=82=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/auth/sign-up.astro | 57 +++++++++++++++++++++++++--
 1 file changed, 53 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/auth/sign-up.astro b/frontend/src/pages/auth/sign-up.astro
index 12ed515..3771e46 100644
--- a/frontend/src/pages/auth/sign-up.astro
+++ b/frontend/src/pages/auth/sign-up.astro
@@ -84,7 +84,7 @@ import { SITE_URL } from '@constants';
                                 required
                                 autocomplete="new-password"
                                 minlength="8"
-                                maxlength="12"
+                                maxlength="20"
                             />
                             <button type="button" class="toggle-password" data-target="password">
                                 <svg class="eye-open" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -111,7 +111,7 @@ import { SITE_URL } from '@constants';
                                 required
                                 autocomplete="new-password"
                                 minlength="8"
-                                maxlength="12"
+                                maxlength="20"
                             />
                             <button type="button" class="toggle-password" data-target="confirmPassword">
                                 <svg class="eye-open" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -134,7 +134,7 @@ import { SITE_URL } from '@constants';
                         </label>
                     </div>
 
-                    <button type="submit" class="btn-submit">
+                    <button type="submit" class="btn-submit" disabled>
                         Зарегистрироваться
                     </button>
                 </form>
@@ -611,11 +611,23 @@ import { SITE_URL } from '@constants';
         margin-top: 0.25rem;
     }
 
-    .btn-submit:hover {
+.btn-submit:hover {
         transform: translateY(-2px);
         box-shadow: 0 8px 20px rgba(206, 159, 64, 0.4);
     }
 
+    .btn-submit:disabled {
+        background: #94a3b8;
+        cursor: not-allowed;
+        transform: none;
+        box-shadow: none;
+    }
+
+    .btn-submit:disabled:hover {
+        transform: none;
+        box-shadow: none;
+    }
+
     .btn-submit:disabled {
         opacity: 0.7;
         cursor: not-allowed;
@@ -1083,4 +1095,41 @@ if (result.success) {
             closePrivacyModal();
         }
     });
+
+    // Функция проверки всей формы
+    function checkFormValidity() {
+        const firstName = firstNameInput?.value.trim() || '';
+        const lastName = lastNameInput?.value.trim() || '';
+        const email = emailInput?.value.trim() || '';
+        const password = passwordInput?.value || '';
+        const confirmPassword = confirmPasswordInput?.value || '';
+        const agreement = document.querySelector('input[name="agreement"]') as HTMLInputElement;
+
+        const isFirstNameValid = firstName.length > 0 && validateFirstName(firstName);
+        const isLastNameValid = lastName.length > 0 && validateLastName(lastName);
+        const isEmailValid = validateEmail(email);
+        const isPasswordValid = validatePassword(password);
+        const isConfirmValid = password === confirmPassword && confirmPassword.length > 0;
+        const isAgreementValid = agreement?.checked || false;
+
+        const submitBtn = document.querySelector('.btn-submit') as HTMLButtonElement;
+        if (submitBtn) {
+            if (isFirstNameValid && isLastNameValid && isEmailValid && isPasswordValid && isConfirmValid && isAgreementValid) {
+                submitBtn.disabled = false;
+            } else {
+                submitBtn.disabled = true;
+            }
+        }
+    }
+
+    // Добавляем обработчики на все поля для проверки формы
+    firstNameInput?.addEventListener('input', checkFormValidity);
+    lastNameInput?.addEventListener('input', checkFormValidity);
+    emailInput?.addEventListener('input', checkFormValidity);
+    passwordInput?.addEventListener('input', checkFormValidity);
+    confirmPasswordInput?.addEventListener('input', checkFormValidity);
+    document.querySelector('input[name="agreement"]')?.addEventListener('change', checkFormValidity);
+
+    // Начальная проверка при загрузке
+    checkFormValidity();
 </script>