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.
badInputRead only-
Giá trị boolean là
truenếu người dùng đã cung cấp đầu vào mà trình duyệt không thể chuyển đổi. customErrorRead 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. patternMismatchRead only-
Giá trị boolean là
truenếu giá trị không khớp vớipatternđã chỉ định, vàfalsenếu nó khớp. Nếutrue, phần tử khớp với lớp giả CSS:invalid. rangeOverflowRead only-
Giá trị boolean là
truenếu giá trị lớn hơn giá trị tối đa được chỉ định bởi thuộc tínhmax, hoặcfalsenếu nó nhỏ hơn hoặc bằng giá trị tối đa. Nếutrue, phần tử khớp với các lớp giả CSS:invalidvà:out-of-range. rangeUnderflowRead only-
Giá trị boolean là
truenếu giá trị nhỏ hơn giá trị tối thiểu được chỉ định bởi thuộc tínhmin, hoặcfalsenếu nó lớn hơn hoặc bằng giá trị tối thiểu. Nếutrue, phần tử khớp với các lớp giả CSS:invalidvà:out-of-range. stepMismatchRead only-
Giá trị boolean là
truenếu giá trị không phù hợp với các quy tắc được xác định bởi thuộc tínhstep(tức là, nó không chia hết cho giá trị step), hoặcfalsenếu nó phù hợp với quy tắc step. Nếutrue, phần tử khớp với lớp giả CSS:invalid. tooLongRead only-
Giá trị boolean là
truenếu giá trị vượt quámaxlengthđã chỉ định cho các đối tượngHTMLInputElementhoặcHTMLTextAreaElement, hoặcfalsenế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àtruetrong Gecko, vì các giá trị của phần tử bị ngăn không cho dài hơnmaxlength. Nếutrue, phần tử khớp với các lớp giả CSS:invalidvà:out-of-range. tooShortRead only-
Giá trị boolean là
truenếu giá trị không đáp ứngminlengthđã chỉ định cho các đối tượngHTMLInputElementhoặcHTMLTextAreaElement, hoặcfalsenếu độ dài của nó lớn hơn hoặc bằng độ dài tối thiểu. Nếutrue, phần tử khớp với các lớp giả CSS:invalidvà:out-of-range. typeMismatchRead only-
Giá trị boolean là
truenếu giá trị không có cú pháp bắt buộc (khitypelàemailhoặcurl), hoặcfalsenếu cú pháp đúng. Nếutrue, phần tử khớp với lớp giả CSS:invalid. validRead only-
Giá trị boolean là
truenế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ặcfalsenếu nó thất bại bất kỳ ràng buộc nào. Nếutrue, phần tử khớp với lớp giả CSS:valid; ngược lại là lớp giả CSS:invalid. valueMissingRead only-
Giá trị boolean là
truenếu phần tử có thuộc tínhrequired, nhưng không có giá trị, hoặcfalsetrong trường hợp khác. Nếutrue, phần tử khớp với lớp giả CSS:invalid.
Thông số kỹ thuật
| Specification |
|---|
| HTML> # validitystate> |