|
|
@@ -0,0 +1,45 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <link rel="stylesheet" href="./assets/styles/style.css">
|
|
|
+ <title>Авторизация</title>
|
|
|
+ <script>
|
|
|
+ function validateForm() {
|
|
|
+ var emailInput = document.getElementById("email");
|
|
|
+ var passwordInput = document.getElementById("password");
|
|
|
+
|
|
|
+ // Проверка на пустые поля
|
|
|
+ if (nameInput.value.trim() === "" || surnameInput.value.trim() === "" || phoneInput.value.trim() === "" || emailInput.value.trim() === "" || passwordInput.value.trim() === "") {
|
|
|
+ alert("Все поля должны быть заполнены.");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Проверка на корректность email
|
|
|
+ var emailRegex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
|
|
|
+ if (!emailRegex.test(emailInput.value)) {
|
|
|
+ alert("Введите корректный email.");
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div class="big_con" style="height: 100vh; display: flex; justify-content: center; align-items: center;">
|
|
|
+ <div class="block_auth">
|
|
|
+ <h2 style="color: black; padding: 0;">АВТОРИЗАЦИЯ</h2>
|
|
|
+ <input type="text" id="email" placeholder="Логин (Email)" class="enter">
|
|
|
+ <input type="password" id="password" placeholder="Пароль" class="enter">
|
|
|
+ <button class="orange" onclick="return validateForm()">
|
|
|
+ <a href="main.html" class="p14">ВОЙТИ</a>
|
|
|
+ </button>
|
|
|
+ <div class="button-container">
|
|
|
+ <button class="half-orange orange" onclick="window.location.href='izmpassword.html'">Восстановить пароль</button>
|
|
|
+ <button class="half-orange orange" onclick="window.location.href='registration.html'">Зарегестрироваться</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|
ljubi