ValidityState

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Giao diện ValidityState biểu diễn các trạng thái hợp lệ mà một phần tử có thể ở, liên quan đến xác thực ràng buộc. Cùng nhau, chúng giúp giải thích tại sao giá trị của phần tử không hợp lệ, nếu nó không hợp lệ.

Thuộc tính phiên bản

Mỗi trạng thái hợp lệ được biểu diễn bởi một thuộc tính Boolean. Giá trị true chỉ ra rằng ràng buộc xác thực tương ứng đã thất bại, ngoại trừ thuộc tính valid, là true khi giá trị của phần tử tuân thủ tất cả các ràng buộc.

badInput Read only

Giá trị boolean là true nếu người dùng đã cung cấp đầu vào mà trình duyệt không thể chuyển đổi.

customError Read only

Giá trị boolean cho biết liệu thông báo hợp lệ tùy chỉnh của phần tử có được đặt thành chuỗi không rỗng bằng cách gọi phương thức setCustomValidity() của phần tử hay không.

patternMismatch Read only

Giá trị boolean là true nếu giá trị không khớp với pattern đã chỉ định, và false nếu nó khớp. Nếu true, phần tử khớp với lớp giả CSS :invalid.

rangeOverflow Read only

Giá trị boolean là true nếu giá trị lớn hơn giá trị tối đa được chỉ định bởi thuộc tính max, hoặc false nếu nó nhỏ hơn hoặc bằng giá trị tối đa. Nếu true, phần tử khớp với các lớp giả CSS :invalid:out-of-range.

rangeUnderflow Read only

Giá trị boolean là true nếu giá trị nhỏ hơn giá trị tối thiểu được chỉ định bởi thuộc tính min, hoặc false nếu nó lớn hơn hoặc bằng giá trị tối thiểu. Nếu true, phần tử khớp với các lớp giả CSS :invalid:out-of-range.

stepMismatch Read only

Giá trị boolean là true nếu giá trị không phù hợp với các quy tắc được xác định bởi thuộc tính step (tức là, nó không chia hết cho giá trị step), hoặc false nếu nó phù hợp với quy tắc step. Nếu true, phần tử khớp với lớp giả CSS :invalid.

tooLong Read only

Giá trị boolean là true nếu giá trị vượt quá maxlength đã chỉ định cho các đối tượng HTMLInputElement hoặc HTMLTextAreaElement, hoặc false nếu độ dài của nó nhỏ hơn hoặc bằng độ dài tối đa. Lưu ý: Thuộc tính này không bao giờ là true trong Gecko, vì các giá trị của phần tử bị ngăn không cho dài hơn maxlength. Nếu true, phần tử khớp với các lớp giả CSS :invalid:out-of-range.

tooShort Read only

Giá trị boolean là true nếu giá trị không đáp ứng minlength đã chỉ định cho các đối tượng HTMLInputElement hoặc HTMLTextAreaElement, hoặc false nếu độ dài của nó lớn hơn hoặc bằng độ dài tối thiểu. Nếu true, phần tử khớp với các lớp giả CSS :invalid:out-of-range.

typeMismatch Read only

Giá trị boolean là true nếu giá trị không có cú pháp bắt buộc (khi typeemail hoặc url), hoặc false nếu cú pháp đúng. Nếu true, phần tử khớp với lớp giả CSS :invalid.

valid Read only

Giá trị boolean là true nếu phần tử đáp ứng tất cả các ràng buộc xác thực của nó, và do đó được coi là hợp lệ, hoặc false nếu nó thất bại bất kỳ ràng buộc nào. Nếu true, phần tử khớp với lớp giả CSS :valid; ngược lại là lớp giả CSS :invalid.

valueMissing Read only

Giá trị boolean là true nếu phần tử có thuộc tính required, nhưng không có giá trị, hoặc false trong trường hợp khác. Nếu true, phần tử khớp với lớp giả CSS :invalid.

Thông số kỹ thuật

Specification
HTML
# validitystate

Tương thích trình duyệt

Xem thêm