BossBey File Manager
PHP:
8.4.18
OS:
Linux
User:
kids
Root
/
home
/
kids
/
public_html
/
app
📤 Upload
📝 New File
📁 New Folder
Close
Editing: login.php
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Login</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <style> body { background: linear-gradient(to bottom right, #3498db, #2980b9); display: flex; justify-content: center; align-items: center; min-height: 100vh; } .login-card { background-color: #ffffff; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); width: 300px; padding: 20px; text-align: center; } .login-logo { width: 100%; margin-bottom: 20px; } </style> </head> <body> <div class="login-card"> <?php session_start(); //var_dump($_SESSION); ?> <img src="images/logo.png" alt="Logo" class="login-logo"> <h4 class="mb-4">Sistema de assessoria ao Aluno</h4> <form action="confirma_login.php" method="post" id="login-form"> <div class="form-group"> <input type="email" id="email" name="email" class="form-control" placeholder="Email" required> <div class="invalid-feedback"> Por favor, insira um email válido. </div> </div> <div class="form-group"> <input type="password" id="password" name="pass" class="form-control" placeholder="Senha" required> <div class="invalid-feedback"> Por favor, insira uma senha válida. </div> </div> <button type="submit" class="btn btn-primary btn-block">Entrar</button> </form> </div> <script> document.getElementById('login-form').addEventListener('submit', function(event) { const emailInput = document.getElementById('email'); const passwordInput = document.getElementById('password'); if (!isEmailValid(emailInput.value)) { emailInput.classList.add('is-invalid'); event.preventDefault(); } else { emailInput.classList.remove('is-invalid'); } if (!isPasswordValid(passwordInput.value)) { passwordInput.classList.add('is-invalid'); event.preventDefault(); } else { passwordInput.classList.remove('is-invalid'); } }); function isEmailValid(email) { const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; return emailRegex.test(email); } function isPasswordValid(password) { // Implement your password validation logic here return password.length >= 6; } </script> </body> </html>
Save
Cancel