Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | DOM Button formNoValidate Property

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

The Button formNoValidate 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 formNoValidate property.
buttonObject.formNoValidate
  • It is used to set the formNoValidate property.
buttonObject.formNoValidate = 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 that should be validated.

Return Value: It returns a boolean value true if form data should not be validated otherwise it returns false. 

Example 1: This example illustrates the HTML DOM Button formNoValidate property. 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM  Button formNoValidate Property
    </title>
</head>
 
<body style="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
    <h2>
        HTML DOM Button formNoValidate Property
    </h2>
    <form action="#" method="get" target="_self">
        <button type = "submit" id = "Geeks" name="myGeeks"
            value = "Submit @ geeksforgeeks"
            formTarget="_blank" Formnovalidate>
    Submit </button>
    </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 Button formnovalidate Property -->
    <script>
        function myGeeks() {
            var btn = document.getElementById("Geeks").formNoValidate;
            document.getElementById("GFG").innerHTML = btn;
        }
    </script>
</body>
</html>

Output:

  • Before Clicking on the Button: 

  • After Clicking on the Button:

 

Example 2: This example illustrates how to set Button formNoValidate property. 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM  Button formNoValidate Property
    </title>
</head>
<body style="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
    <h2>
        HTML DOM Button formNoValidate Property
    </h2>
    <form action="#" method="get" target="_self">
        <button type = "submit" id = "Geeks" name="myGeeks"
            value = "Submit @ geeksforgeeks"
            formTarget="_blank" Formnovalidate>
    Submit </button>
    </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 set Button formnovalidate Property -->
    <script>
        function myGeeks() {
            var btn = document.getElementById("Geeks").formNoValidate
                     = "false";
 
            document.getElementById("GFG").innerHTML = btn;
        }
    </script>
</body>
</html>

Output:

  • Before Clicking on the Button: 

  • After Clicking on the Button:

 

Supported Browsers:

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

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!