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
| desktop | mobile | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
badInput | |||||||||||