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 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 formformnovalidate 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
Please Login to comment...