HTML | DOM Form noValidate Property

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 string 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.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:
Before Clicking On Button:

After Clicking On Button:

Example: This example illustrates how to set form NoValidateproperty.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>

chevron_right


Output:
Before Clicking On Button:

After Clicking On Button:

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

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera


My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.




Article Tags :
Practice Tags :


Be the First to upvote.


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.