zk_exe/biblioteca-de-contos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refatoramento login e registro

Browse Source
This commit is contained in:
zk_exe
2025-08-16 18:35:32 -03:00
parent f215c4699b
commit fb34ec78be
2 changed files with 34 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
javascript/sing.js
View File

@@ -1,49 +1,28 @@
document.addEventListener('DOMContentLoaded', () => {
const loginContainer = document.querySelector('.login-container');
const registerContainer = document.querySelector('.register-container');
const showRegisterBtn = document.getElementById('showRegisterBtn');
const showLoginBtn = document.getElementById('showLoginBtn');
let RL = 0;
// Função para mostrar o formulário de registro
showRegisterBtn.addEventListener('click', () => {
loginContainer.classList.remove('active');
registerContainer.classList.add('active');
});
// Função para mostrar o formulário de login
showLoginBtn.addEventListener('click', () => {
registerContainer.classList.remove('active');
loginContainer.classList.add('active');
});
// Você pode adicionar aqui a lógica de validação dos formulários se quiser
const loginBtn = document.getElementById('loginBtn');
const registerBtn = document.getElementById('registerBtn');
loginBtn.addEventListener('click', (e) => {
// e.preventDefault(); // Descomente para evitar o envio do formulário padrão
const username = document.getElementById('loginUsername').value;
const password = document.getElementById('loginPassword').value;
if (username === "" || password === "") {
alert("Por favor, preencha todos os campos de login.");
} else {
console.log("Login tentado com:", { username, password });
// Aqui você adicionaria a lógica de envio para o servidor
function showForm() {
if (RL === 0) {
$(".register-container").addClass("active");
$(".login-container").removeClass("active");
RL = 1;
return;
}
});
$(".login-container").addClass("active");
$(".register-container").removeClass("active");
RL = 0;
return;
}
registerBtn.addEventListener('click', (e) => {
// e.preventDefault(); // Descomente para evitar o envio do formulário padrão
const username = document.getElementById('registerUsername').value;
const email = document.getElementById('registerEmail').value;
const password = document.getElementById('registerPassword').value;
$(document).ready(function () {
$.validator.addMethod(
"regex",
function (value, element, regexp) {
return this.optional(element) || regexp.test(value);
},
"Formato inválido.",
);
if (username === "" || email === "" || password === "") {
alert("Por favor, preencha todos os campos de registro.");
} else {
console.log("Registro tentado com:", { username, email, password });
// Aqui você adicionaria a lógica de envio para o servidor
}
$(".showLR").on("click", function () {
showForm();
});
});

15
sing.php
View File

@@ -7,6 +7,8 @@
<link rel="stylesheet" href="css/sing.css"/>
<link rel="stylesheet" href="css/base.css"/>
<script type="text/javascript" src="javascript/libs/jquery.js"></script>
</head>
<body>
<div class="form-wrapper">
@@ -15,8 +17,8 @@
<div class="input-box">
<i class="fas fa-user"></i>
<input type="text" id="loginUsername" placeholder=" " />
<label for="loginUsername">Usuário</label>
<input type="email" id="loginEmail" placeholder=" " />
<label for="loginEmail">Email</label>
</div>
<div class="input-box">
@@ -27,7 +29,7 @@
<div class="buttons">
<button class="btn" id="loginBtn">Login</button>
<button class="btn" id="showRegisterBtn">Registrar</button>
<button class="btn showLR">Registrar</button>
</div>
<button class="btn forgot">Esqueceu sua Senha?</button>
@@ -50,10 +52,11 @@
</div>
<button type="submit" class="register-button btn" id="registerBtn">Registrar</button>
</form>
<button class="btn" id="showLoginBtn">Voltar para Login</button>
<button class="btn showLR" id="showLoginBtn">Voltar para Login</button>
</div>
</div>
<script src="javascript/sing.js"></script>
<script type="text/javascript" src="javascript/libs/jquery_validate.js"></script>
<script type="text/javascript" src="javascript/libs/jquery_additional_methods.js"></script>
<script type="text/javascript" src="javascript/sing.js"></script>
</body>
</html>