Open In App

HTML | DOM Button formNoValidate Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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


Last Updated : 31 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads