Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Form noValidate Property

  • Last Updated : 23 Aug, 2019

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.






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




<!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
  • Internet Explorer
  • Firefox
  • Opera

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :