관리-도구
편집 파일: signup.php
<?php include_once 'connection.php'; ?> <!DOCTYPE html> <html lang="en"> <head> <title>Sign Up</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--===============================================================================================--> <link rel="icon" type="image/png" href="images/icons/favicon.png" /> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="fonts/linearicons-v1.0.0/icon-font.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="vendor/animate/animate.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="vendor/css-hamburgers/hamburgers.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="vendor/animsition/css/animsition.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="vendor/perfect-scrollbar/perfect-scrollbar.css"> <!--===============================================================================================--> <link rel="stylesheet" type="text/css" href="css/util.css"> <link rel="stylesheet" type="text/css" href="css/main.css"> <!--===============================================================================================--> </head> <body class="animsition"> <!-- Header --> <?php include 'publicheader.php' ?> <?php if (isset($_POST['submit'])) { extract($_POST); $q = "INSERT INTO user (name, email,phone,password) VALUES ('$name', '$email', '$mobile', '$confirm_password')"; insert($q); redirect("login.php"); } ?> <!-- Sign in page --> <section class="bg0 p-t-104 p-b-116"> <div class="container"> <div class="flex-w flex-tr"> <div class="size-210 bor10 p-lr-70 p-t-55 p-b-70 p-lr-15-lg w-full-md"> <form method="post"> <h4 class="mtext-105 cl2 txt-center p-b-30"> <strong>Sign Up</strong> </h4> <div class="bor8 m-b-20 how-pos4-parent"> <input class="stext-111 cl2 plh3 size-116 p-l-62 p-r-30" type="text" name="name" placeholder="Your Name"> <img class="how-pos4 pointer-none" src="images/icons/icon-user.png" alt="ICON"> </div> <div class="bor8 m-b-20 how-pos4-parent"> <input class="stext-111 cl2 plh3 size-116 p-l-62 p-r-30" type="email" name="email" placeholder="Your Email Address"> <img class="how-pos4 pointer-none" src="images/icons/icon-email.jpg" alt="ICON"> </div> <div class="bor8 m-b-20 how-pos4-parent"> <input class="stext-111 cl2 plh3 size-116 p-l-62 p-r-30" type="text" name="mobile" placeholder="Your Mobile Number"> <img class="how-pos4 pointer-none" src="images/icons/icon-phone.png" alt="ICON"> </div> <div class="bor8 m-b-20 how-pos4-parent"> <input class="stext-111 cl2 plh3 size-116 p-l-62 p-r-30" type="password" name="password" id="password" placeholder="Create a Password"> <img class="how-pos4 pointer-none" src="images/icons/icon-lock.png" alt="ICON"> </div> <div class="bor8 m-b-20 how-pos4-parent"> <input class="stext-111 cl2 plh3 size-116 p-l-62 p-r-30" type="password" name="confirm_password" id="confirm_password" placeholder="Confirm your Password"> <img class="how-pos4 pointer-none" src="images/icons/icon-lock.png" alt="ICON"> </div> <div id="password_warning" class="text-danger"></div> <button type="submit" name="submit" class="flex-c-m stext-101 cl0 size-121 bg3 bor1 hov-btn3 p-lr-15 trans-04 pointer"> Sign up </button> </form> <script> document.addEventListener('DOMContentLoaded', function () { var passwordField = document.getElementById('password'); var confirmPasswordField = document.getElementById('confirm_password'); var passwordWarning = document.getElementById('password_warning'); function validatePasswords() { var password = passwordField.value; var confirmPassword = confirmPasswordField.value; if (password !== confirmPassword) { passwordWarning.textContent = 'Passwords do not match'; confirmPasswordField.setCustomValidity('Passwords do not match'); } else { passwordWarning.textContent = ''; confirmPasswordField.setCustomValidity(''); } } // Add an input event listener to both password fields passwordField.addEventListener('input', validatePasswords); confirmPasswordField.addEventListener('input', validatePasswords); }); </script> </div> <div class="size-210 bor10 flex-w flex-col-m p-lr-93 p-tb-30 p-lr-15-lg w-full-md"> <div class="flex-w w-full p-b-4 "> <div class="size-212 p-t-2 text-center "> <span class="mtext-110 cl2"> <strong>Already have an account ?</strong> </span><br><br> <a href="login.php">Login here</a> </div> </div> </div> </div> </div> </section> <!-- Footer --> <?php include 'publicfooter.php' ?> </body> </html>