Đặt lại mật khẩu

import { Card, CardGrid, Steps, Aside } from ‘@astrojs/starlight/components’;

Mục lục

• I. Tổng quan
• II. Các bước
• III. Quy tắc mật khẩu
• IV. Lỗi thường gặp
• V. Xem thêm

I. Tổng quan

/reset-password là bước 3 và cuối của luồng đặt lại mật khẩu. Sau khi xác nhận OTP 6 số, bạn chọn mật khẩu mới ở đây. Phiên cho phép reset được lưu trong sessionStorage và bị xóa ngay khi submit thành công.

II. Các bước

1. **Vào `/reset-password`** (tự chuyển sau Verify OTP). 2. **Nhập mật khẩu mới.** - Click biểu tượng 👁 để hiện/ẩn khi gõ. - Tối thiểu **6 ký tự**. 3. **Xác nhận mật khẩu** bằng cách gõ lại. 4. **Click "Đặt lại mật khẩu"**. 5. Phiên reset bị xóa khỏi `sessionStorage` và bạn được chuyển về **màn đăng nhập phù hợp** (`/cashier-login` cho cashier, `/login` hoặc `/vendor-login` cho dashboard).

III. Quy tắc mật khẩu

Quy tắc	Lý do
Tối thiểu 6 ký tự	Tránh mật khẩu quá đơn giản
Ô xác nhận phải khớp chính xác	Tránh gõ sai
Mật khẩu mới ≠ mật khẩu cũ	Bắt buộc phía server

Dùng **passphrase** thay vì một từ: ví dụ `Con-Suu-Tam-2026-Cashier`. Passphrase dài dễ nhớ và an toàn hơn mật khẩu phức tạp ngắn.

IV. Lỗi thường gặp

Lỗi	Hiển thị	Xử lý
Mật khẩu phải có ít nhất 6 ký tự.	Inline dưới ô mật khẩu	Gõ dài hơn
Mật khẩu không khớp.	Inline dưới ô xác nhận	Gõ lại giống ô trên
Phiên đặt lại đã hết hạn.	Banner đỏ trên form	Bắt đầu lại từ /forgot-password
Mã đặt lại không hợp lệ hoặc đã hết hạn.	Banner đỏ	Bắt đầu lại từ /forgot-password

Phiên reset hết hạn — làm gì?

Token reset sống trong sessionStorage, nên biến mất khi:

• Bạn đóng tab trình duyệt.
• Bạn mở trang ở tab khác.
• Quá 15 phút giữa Verify OTP và Reset password.

Khôi phục: mở /forgot-password và yêu cầu mã mới.

V. Xem thêm

• Nhập mã OTP — bước 2.
• Đăng nhập Thu ngân — nơi bạn quay về.
• Đăng nhập Chủ cửa hàng — landing cho owner.