ValidityState: badInput property

Baseline 2023

Newly available

Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

The read-only badInput property of a ValidityState object indicates if the user has provided input that the browser is unable to convert. For example, if you have a number input element whose content is a string.

Value

A boolean.

Examples

html
<input type="number" id="age" />
js
const input = document.getElementById("age");
if (input.validity.badInput) {
  console.log("Bad input detected…");
} else {
  console.log("Content of input OK.");
}

Specifications

Specification
HTML Standard
# dom-validitystate-badinput-dev

Browser compatibility

BCD tables only load in the browser

See also