HTMLInputElement: validity property

{{APIRef("HTML DOM")}}

The validity read-only property of the {{domxref("HTMLInputElement")}} interface returns a {{domxref("ValidityState")}} object that represents the validity states this element is in.

Value

A {{domxref("ValidityState")}} object.

Examples

The following example gets the validity state of an input element and processes it if it is not valid:

const input = document.getElementById("myInput");
const validityState = input.validity;
if (!validityState.valid) {
  // Test each validity state
}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("HTMLInputElement.checkValidity()")}}
• {{HTMLElement("input")}}
• {{HTMLElement("form")}}
• Learn: Client-side form validation
• Guide: Constraint validation