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