Skip to content
Related Articles

Related Articles

HTML | DOM Form noValidate Property

View Discussion
Improve Article
Save Article
  • Last Updated : 31 Aug, 2022
View Discussion
Improve Article
Save Article

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>

Output: 

Before Clicking On Button:

  

After Clicking On Button:

  

Supported Browsers: The browsers supported by DOM Form noValidate Property are listed below:

  • Google Chrome 4
  • Edge 12
  • Firefox 4
  • Opera 5
  • Safari 12.1

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!