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

71
javascript/sing.js
View File

@@ -1,49 +1,28 @@
document.addEventListener('DOMContentLoaded', () => { let RL = 0;
const loginContainer = document.querySelector('.login-container');
const registerContainer = document.querySelector('.register-container');
const showRegisterBtn = document.getElementById('showRegisterBtn');
const showLoginBtn = document.getElementById('showLoginBtn');
// Função para mostrar o formulário de registro function showForm() {
showRegisterBtn.addEventListener('click', () => { if (RL === 0) {
loginContainer.classList.remove('active'); $(".register-container").addClass("active");
registerContainer.classList.add('active'); $(".login-container").removeClass("active");
}); RL = 1;
return;
}
$(".login-container").addClass("active");
$(".register-container").removeClass("active");
RL = 0;
return;
}
// Função para mostrar o formulário de login $(document).ready(function () {
showLoginBtn.addEventListener('click', () => { $.validator.addMethod(
registerContainer.classList.remove('active'); "regex",
loginContainer.classList.add('active'); function (value, element, regexp) {
}); return this.optional(element) || regexp.test(value);
},
"Formato inválido.",
);
// Você pode adicionar aqui a lógica de validação dos formulários se quiser $(".showLR").on("click", function () {
const loginBtn = document.getElementById('loginBtn'); showForm();
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
}
});
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;
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
}
});
});

15
sing.php
View File

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