Add:Login validation & error alerts for user safety

Frontend-Learner/.nuxt/manifest/latest.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1768446829065}
+{"id":"dev","timestamp":1768447040644}

Frontend-Learner/.nuxt/manifest/meta/dev.json

@@ -1 +1 @@
-{"id":"dev","timestamp":1768446829065,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
+{"id":"dev","timestamp":1768447040644,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

Frontend-Learner/.nuxt/nitro.json

@@ -1,5 +1,5 @@
 {
-  "date": "2026-01-15T03:13:56.323Z",
+  "date": "2026-01-15T03:17:28.679Z",
   "preset": "nitro-dev",
   "framework": {
     "name": "nuxt",
@@ -9,9 +9,9 @@
     "nitro": "2.12.8"
   },
   "dev": {
-    "pid": 23116,
+    "pid": 28528,
     "workerAddress": {
-      "socketPath": "\\\\.\\pipe\\nitro-worker-23116-1-1-1366.sock"
+      "socketPath": "\\\\.\\pipe\\nitro-worker-28528-1-1-6605.sock"
     }
   }
 }

Frontend-Learner/.nuxt/nuxt.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="quasar" />
 /// <reference types="@nuxtjs/tailwindcss" />
+/// <reference types="@nuxt/telemetry" />
 /// <reference types="nuxt-quasar-ui" />
 /// <reference types="@nuxt/devtools" />
-/// <reference types="@nuxt/telemetry" />
 /// <reference path="types/builder-env.d.ts" />
 /// <reference types="nuxt" />
 /// <reference path="types/app-defaults.d.ts" />

Frontend-Learner/.nuxt/tailwind/postcss.mjs

@@ -1,4 +1,4 @@
-// generated by the @nuxtjs/tailwindcss <https://github.com/nuxt-modules/tailwindcss> module at 15/1/2569 10:13:50
+// generated by the @nuxtjs/tailwindcss <https://github.com/nuxt-modules/tailwindcss> module at 15/1/2569 10:17:22
 import "@nuxtjs/tailwindcss/config-ctx"
 import configMerger from "@nuxtjs/tailwindcss/merger";
 

Frontend-Learner/pages/auth/login.vue

@@ -30,7 +30,11 @@ const loginForm = reactive({
 // Validation rules definition
 const loginRules = {
   email: { 
-    rules: { required: true, email: true }, 
+    rules: { 
+      required: true, 
+      email: true,
+      custom: (val: string) => /[\u0E00-\u0E7F]/.test(val) ? 'ห้ามใส่ภาษาไทย' : null
+    }, 
     label: 'อีเมล',
     messages: {
       required: 'กรุณากรอกอีเมลของคุณ',
@@ -38,7 +42,11 @@ const loginRules = {
     }
   },
   password: { 
-    rules: { required: true, minLength: 8 }, 
+    rules: { 
+      required: true, 
+      minLength: 8,
+      custom: (val: string) => /[\u0E00-\u0E7F]/.test(val) ? 'ห้ามใส่ภาษาไทย' : null
+    }, 
     label: 'รหัสผ่าน',
     messages: {
       required: 'กรุณากรอกรหัสผ่าน',
@@ -55,9 +63,14 @@ const loginRules = {
  * Handles input updates, stripping Thai characters and clearing errors.
  */
 const handleInput = (field: keyof typeof loginForm, value: string) => {
-  // Remove Thai characters range \u0E00-\u0E7F
-  loginForm[field] = value.replace(/[\u0E00-\u0E7F]/g, '')
-  clearFieldError(field)
+  loginForm[field] = value
+  if (/[\u0E00-\u0E7F]/.test(value)) {
+    errors.value[field] = 'ห้ามใส่ภาษาไทย'
+  } else {
+    if (errors.value[field] === 'ห้ามใส่ภาษาไทย') {
+      clearFieldError(field)
+    }
+  }
 }
 
 const handleLogin = async () => {