Update regis,login

399debb2 · 65160024 · cc220bf0 · 399debb2 · 399debb2
Commit 399debb2 authored 4 months ago by 65160024
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -10,7 +10,8 @@
 <body class="flex items-center justify-center h-screen bg-gray-100">
    <div class="bg-white p-6 rounded-lg shadow-md w-80">
-        <h2 class="text-2xl font-bold text-center mb-4">เข้าสู่ระบบ</h2>
+        <h2 class="text-2xl font-bold text-center mb-2">ยินดีต้อนรับสู่ระบบ</h2>
+        <p class="text-center text-gray-600 mb-4">ระบบยืม-คืนอุปกรณ์สำนักงาน</p>
        <form action="/login" method="POST">
            <input type="text" name="username" placeholder="Username" required class="border p-2 rounded w-full mb-2">
            <input type="password" name="password" placeholder="Password" required

--- a/views/register.ejs
+++ b/views/register.ejs
 <!DOCTYPE html>
-<html lang="en">
+<html lang="th">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>สมัครสมาชิก</title>
    <script src="https://cdn.tailwindcss.com"></script>
+    <script>
+        function validateForm() {
+            const password = document.getElementById('password').value;
+            const confirmPassword = document.getElementById('confirm-password').value;
+            if (password !== confirmPassword) {
+                alert("รหัสผ่านและการยืนยันรหัสผ่านไม่ตรงกัน");
+                return false;
+            }
+            return true;
+        }
+    </script>
 </head>
 <body class="flex items-center justify-center min-h-screen bg-gray-100">
    <div class="bg-white p-8 rounded-lg shadow-md w-96">
-        <h2 class="text-2xl font-bold mb-4 text-center">สมัครสมาชิก</h2>
+        <h2 class="text-2xl font-bold mb-2 text-center">สมัครสมาชิก</h2>
-        <form action="/register" method="POST">
+        <p class="text-center text-gray-600 mb-4">สร้างบัญชีเพื่อใช้งานระบบยืม-คืนอุปกรณ์สำนักงาน</p>
+        <form action="/register" method="POST" onsubmit="return validateForm()">
            <div class="mb-4">
                <label class="block font-semibold">ชื่อผู้ใช้</label>
-                <input type="text" name="username" required class="border p-2 w-full rounded">
+                <input type="text" name="username" required class="border p-2 w-full rounded"
+                    placeholder="กรอกชื่อผู้ใช้">
            </div>
            <div class="mb-4">
                <label class="block font-semibold">รหัสผ่าน</label>
-                <input type="password" name="password" required class="border p-2 w-full rounded">
+                <input type="password" name="password" id="password" required class="border p-2 w-full rounded"
+                    placeholder="รหัสผ่านอย่างน้อย 6 ตัว">
+            </div>
+            <div class="mb-4">
+                <label class="block font-semibold">ยืนยันรหัสผ่าน</label>
+                <input type="password" id="confirm-password" required class="border p-2 w-full rounded"
+                    placeholder="ยืนยันรหัสผ่าน">
            </div>
            <button type="submit" class="w-full bg-blue-500 text-white py-2 rounded hover:bg-blue-600">
                สมัครสมาชิก
            </button>
        </form>
        <p class="text-center text-sm text-gray-600 mt-4">
            มีบัญชีอยู่แล้ว? <a href="/login" class="text-blue-500">เข้าสู่ระบบ</a>
        </p>