Hướng dẫn validation mdbootstrap - xác thực mdbootstrap
Bootstrap 5 Xác thựcCung cấp phản hồi có giá trị, có thể hành động cho người dùng của bạn với xác thực biểu mẫu HTML5, thông qua các hành vi mặc định của trình duyệt hoặc kiểu tùy chỉnh và JavaScript. Show Lưu ý: Hiện tại chúng tôi khuyên bạn nên sử dụng các kiểu xác thực tùy chỉnh, vì các thông báo xác thực mặc định trình duyệt gốc không liên tục được tiếp xúc với các công nghệ hỗ trợ trong tất cả các trình duyệt (đáng chú ý nhất là Chrome trên máy tính để bàn và thiết bị di động). We currently recommend using custom validation styles, as native browser default validation messages are not consistently exposed to assistive technologies in all browsers (most notably, Chrome on desktop and mobile). Ví dụ cơ bản Đối với các thông báo xác thực biểu mẫu MDB tùy chỉnh, bạn sẽ cần thêm thuộc tính boolean Kiểu phản hồi tùy chỉnh áp dụng màu sắc tùy chỉnh, đường viền, kiểu tiêu điểm và biểu tượng nền để truyền đạt phản hồi tốt hơn. Làm thế nào nó hoạt độngỞ đây, cách thức xác nhận hình thức hoạt động với MDB:
Với ý nghĩ đó, hãy xem xét các bản demo sau cho các kiểu xác thực biểu mẫu tùy chỉnh của chúng tôi, các lớp phía máy chủ tùy chọn và mặc định trình duyệt. Trình duyệt mặc địnhKhông quan tâm đến thông điệp phản hồi xác thực tùy chỉnh hoặc viết javascript để thay đổi hành vi biểu mẫu? Tất cả tốt, bạn có thể sử dụng mặc định trình duyệt. Hãy thử gửi biểu mẫu dưới đây. Tùy thuộc vào trình duyệt và hệ điều hành của bạn, bạn sẽ thấy một kiểu phản hồi hơi khác nhau. Mặc dù các kiểu phản hồi này không thể được tạo kiểu với CSS, bạn vẫn có thể tùy chỉnh văn bản phản hồi thông qua JavaScript. Phía máy chủ Chúng tôi khuyên bạn nên sử dụng xác thực phía máy khách, nhưng trong trường hợp bạn yêu cầu xác thực phía máy chủ, bạn có thể chỉ ra các trường biểu mẫu không hợp lệ và hợp lệ với Các yếu tố được hỗ trợKiểu xác thực có sẵn cho các điều khiển và thành phần biểu mẫu sau:
Chú giải công cụ Nếu bố cục biểu mẫu của bạn cho phép, bạn có thể trao đổi các lớp Tùy chỉnh Trạng thái xác nhận có thể được tùy chỉnh thông qua SASS với bản đồ Xin lưu ý rằng chúng tôi không khuyên bạn nên tùy chỉnh các giá trị này mà không cần sửa đổi mixin Đây là bản đồ SASS từ Đây là vòng lặp từ |