Entrar

Entrar Entrando...

errorElement.classList.add("show"); } // Função para mostrar sucesso function mostrarSucesso(input, errorElement) { input.classList.remove("input-error"); input.classList.add("input-success"); errorElement.textContent = ""; errorElement.classList.remove("show"); } // Função para limpar validação function limparValidacao(input, errorElement) { input.classList.remove("input-error", "input-success"); errorElement.textContent = ""; errorElement.classList.remove("show"); } // Validação de email em tempo real emailInput.addEventListener("blur", function() { const email = this.value.trim(); if (!email) { mostrarErro(this, emailError, "Email ou celular é obrigatório"); } else if (!validarEmail(email)) { mostrarErro(this, emailError, "Email ou celular inválido"); } else { mostrarSucesso(this, emailError); } }); emailInput.addEventListener("input", function() { if (this.value.trim() && validarEmail(this.value.trim())) { mostrarSucesso(this, emailError); } }); // Validação de senha em tempo real senhaInput.addEventListener("blur", function() { const senha = this.value; if (!senha) { mostrarErro(this, senhaError, "Senha é obrigatória"); } else if (senha.length < 6) { mostrarErro(this, senhaError, "Senha deve ter pelo menos 6 caracteres"); } else { mostrarSucesso(this, senhaError); } }); senhaInput.addEventListener("input", function() { if (this.value.length >= 6) { mostrarSucesso(this, senhaError); } }); // Função para mostrar alerta geral function mostrarAlerta(mensagem, tipo = "error") { errorAlert.classList.remove("hidden"); errorText.textContent = mensagem; if (tipo === "error") { errorAlert.classList.add("bg-red-900", "border-red-600"); errorAlert.classList.remove("bg-green-900", "border-green-600"); } else { errorAlert.classList.add("bg-green-900", "border-green-600"); errorAlert.classList.remove("bg-red-900", "border-red-600"); } } function esconderAlerta() { errorAlert.classList.add("hidden"); } // Submit do formulário document.getElementById("form-login").addEventListener("submit", function(event) { event.preventDefault(); esconderAlerta(); const email = emailInput.value.trim(); const senha = senhaInput.value; // Validação final let valido = true; if (!email) { mostrarErro(emailInput, emailError, "Email ou celular é obrigatório"); valido = false; } else if (!validarEmail(email)) { mostrarErro(emailInput, emailError, "Email ou celular inválido"); valido = false; } if (!senha) { mostrarErro(senhaInput, senhaError, "Senha é obrigatória"); valido = false; } else if (senha.length < 6) { mostrarErro(senhaInput, senhaError, "Senha deve ter pelo menos 6 caracteres"); valido = false; } if (!valido) { return; } // Mostrar loading btnLogin.classList.add("loading"); btnText.classList.add("hidden"); btnLoading.classList.remove("hidden"); const params = new URLSearchParams(); params.append("email", email); params.append("senha", senha); fetch("verificar_usuario.php", { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: params.toString() }) .then(response => response.text()) .then(data => { if (data.toLowerCase().includes("sucesso")) { mostrarAlerta("Login realizado! Redirecionando...", "success"); setTimeout(() => { window.location.href = "logado.html"; }, 1000); } else { mostrarAlerta(data); btnLogin.classList.remove("loading"); btnText.classList.remove("hidden"); btnLoading.classList.add("hidden"); } }) .catch(error => { console.error("Erro:", error); mostrarAlerta("Erro ao processar o login. Tente novamente."); btnLogin.classList.remove("loading"); btnText.classList.remove("hidden"); btnLoading.classList.add("hidden"); }); }); Usar um código de acesso