valid property

Returns whether the input field value has any validity errors.

This property is read-only.

HTML5 A vocabulary and associated APIs for HTML and XHTML, Section Explorer 10



bNoErrors = object.valid


Property values

Type: boolean

True when there are no validity errors, false otherwise.

Standards information


The following example displays all validation states for a validated field.

Note  For code samples, see Form controls part 1 and Form controls part 2: validation on the Windows Internet Explorer sample site.


<!DOCTYPE html >
    <title>Valid states example</title>
    <script type="text/javascript">
        function getState() {
            var oState = document.getElementById("myField");
            var myState = oState.validity;
            var display = document.getElementById("showState");
            display.innerHTML = "";
            for (var t in myState) {
                display.innerHTML += (t + ": " + myState[t] + "<br/>");    //loop through attributes
<body onload="getState();">
<h1>ValidState test</h1>
<div>The required text field only takes numbers between 4 and 20 in even increments. <br /><br />
Try different numbers to see how the validityState attributes react.</div>
<br />
<div><label>Enter a number from 4 to 20: 
<input id="myField" type="number" required  min="4" max ="20" step="2" />
<button onclick="getState();">Check state</button></label></div>

<div id="showState"></div>


See also