HTML | DOM Form noValidate Property

Last Updated : 31 Aug, 2022

The Form noValidate Property in HTML DOM is used to set or return whether the form data should be validated or not when submitting the form. This Property is used to reflect the HTML formnovalidate attribute.

Syntax:

It returns the noValidate Property.

formObject.noValidate

It is used to set the noValidate Property.

formObject.noValidate = true|false

Property Values:

true: It specifies that the form data should not be validated.
false: It is the default value. It specifies that the form data should be validated.

Return Value: It returns a boolean value which represents that the form data should be validated or not when the submitting the form.

Example: This example illustrates that how to return form NoValidate property.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM form noValidate Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1> 
        GeeksForGeeks 
    </h1>
 
    <h2> 
        HTML DOM form noValidate Property 
    </h2>
 
    <form id="gfg" 
          action="#"
          method="get"
          target="_self" 
          noValidate>
       
        <input type="submit" 
               id="Geeks" 
               name="myGeeks" 
               value="Submit @ geeksforgeeks" 
               formTarget="_blank">
    </form>
 
    <p>
        click on below button to return the Property
    </p>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
 
    <p id="GFG" 
       style="font-size:25px;"></p>
 
    <!-- Script to return form 
         formnovalidate Property -->
    <script>
        function myGeeks() {
            var btn = document.getElementById(
              "gfg").noValidate;
           
            document.getElementById(
              "GFG").innerHTML = btn;
        }
    </script>
</body>
 
</html>

Output:

Before Clicking On Button:

After Clicking On Button:

Example: This example illustrates how to set form NoValidateproperty.

html

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML DOM form noValidate Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1> 
        GeeksForGeeks 
    </h1>
 
    <h2> 
        HTML DOM form noValidate Property 
    </h2>
 
    <form id="gfg"
          action="#" 
          method="get" 
          target="_self" 
          noValidate>
       
        <input type="submit" 
               id="Geeks" 
               name="myGeeks" 
               value="Submit @ geeksforgeeks" 
               formTarget="_blank">
    </form>
 
    <p>
        click on below button to set the Property
    </p>
 
    <button onclick="myGeeks()">
        Click Here!
    </button>
 
    <p id="GFG" 
       style="font-size:25px;"></p>
 
    <!-- Script to return form
formnovalidate Property -->
    <script>
        function myGeeks() {
            var btn = document.getElementById(
              "gfg").noValidate = false;
           
            document.getElementById(
              "GFG").innerHTML = btn;
        }
    </script>
</body>
 
</html>