HTMLSelectElement: checkValidity() method

{{APIRef("HTML DOM")}}

The checkValidity() method of the {{domxref("HTMLSelectElement")}} interface returns a boolean value which indicates if the element meets any constraint validation rules applied to it. If false, the method also fires an {{domxref("HTMLElement/invalid_event", "invalid")}} event on the element. Because there's no default browser behavior for checkValidity(), canceling this invalid event has no effect.

[!NOTE] An HTML {{htmlelement("select")}} element with a non-null {{domxref("HTMLSelectElement.validationMessage", "validationMessage")}} is considered invalid, will match the CSS {{cssxref(":invalid")}} pseudo-class, and will cause checkValidity() to return false. Use the {{domxref("HTMLSelectElement.setCustomValidity()")}} method to set the {{domxref("HTMLSelectElement.validationMessage")}} to the empty string to set the {{domxref("HTMLSelectElement.validity", "validity")}} state to be valid.

Syntax

checkValidity()

Parameters

None.

Return value

Returns true if the element's value has no validity problems; otherwise, returns false.

Examples

In the following example, calling checkValidity() returns either true or false.

const element = document.getElementById("mySelect");
console.log(element.checkValidity());

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• {{domxref("HTMLSelectElement.reportValidity()")}}
• {{HTMLElement("textarea")}}
• {{HTMLElement("form")}}
• Learn: Client-side form validation
• Guide: Constraint validation
• CSS {{cssxref(":valid")}} and {{cssxref(":invalid")}} pseudo-classes