diff --git a/javascript/sing.js b/javascript/sing.js
index 94624d2..94e7973 100644
--- a/javascript/sing.js
+++ b/javascript/sing.js
@@ -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');
-    });
+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;
+}
 
-    // Função para mostrar o formulário de login
-    showLoginBtn.addEventListener('click', () => {
-        registerContainer.classList.remove('active');
-        loginContainer.classList.add('active');
-    });
+$(document).ready(function () {
+  $.validator.addMethod(
+    "regex",
+    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
-    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
-        }
-    });
-
-    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
-        }
-    });
-});
\ No newline at end of file
+  $(".showLR").on("click", function () {
+    showForm();
+  });
+});
diff --git a/sing.php b/sing.php
index 163845d..906db73 100644
--- a/sing.php
+++ b/sing.php
@@ -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>
