Open In App

HTML | DOM Input Image formNoValidate Property

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML DOM Input Image formNoValidate Property is used to set or return whether the form data is validated or not when the user submitted the form. This Property is used to reflect the HTML formnovalidate attribute. 

Syntax: 

  • It returns formNoValidate property.
imageObject.formNoValidate
  • It is used to set the formNoValidate property.
imageObject.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 should be validated.

Return Value: It returns a boolean value which represents that the form data should be validated or not when submitting the form. 

Example 1: This example illustrates how to return Input Image formNoValidate property. 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Input Image formNoValidate Property
    </title>
</head>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Image formNoValidate</h2>
    <button onclick="my_geek()">
        <input id="myImage"
            type="image"
            formtarget="#"
            alt="Submit"
            width="48"
            height="48"  formNoValidate>
    </button>
    <h2 id="Geek_h" style="color:green;">
    </h2>
    <script>
        function my_geek() {
             
            // Return Input Image formNoValidate Property.
            var txt = document.getElementById(
            "myImage").formNoValidate;
            document.getElementById(
            "Geek_h").innerHTML = txt;
        }
    </script>
</body>
</html>


Output: 

Before Clicking On Button: 

 

After Clicking On Button:

  

Example-2: This Example illustrates how to set the formNoValidate Property. 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>
        HTML DOM Input Image formNoValidate Property
    </title>
</head>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Image formNoValidate</h2>
    <button onclick="my_geek()">
        <input id="myImage"
            type="image"
            formtarget="#"
            alt="Submit"
            width="48"
            height="48"  formNoValidate>
    </button>
    <h2 id="Geek_h" style="color:green;">
    </h2>
    <script>
        function my_geek() {
             
            // set Input Image formNoValidate  Property
            var txt = document.getElementById(
            "myImage").formNoValidate = false;
            document.getElementById(
            "Geek_h").innerHTML = txt;
        }
    </script>
</body>
</html>


Output: 

Before Clicking On Button:

  

After Clicking On Button:

  

Supported Browsers: The browsers supported by DOM Input Image formNoValidate Property are listed below:

  • Google Chrome
  • Edge 12+
  • Firefox
  • Safari
  • Opera


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