Open In App

HTML DOM onsubmit Event

Improve
Improve
Like Article
Like
Save
Share
Report

The onsubmit event in HTML DOM occurs after the submission of a form. The form tag supports this event.

Syntax: 

  • In HTML: 
<element onsubmit="Script">
  • In JavaScript: 
object.onsubmit = function(){myScript};
  • In JavaScript, using the addEventListener() method:  
object.addEventListener("submit", myScript);

Example: In this example, we will see the onsubmit event using Javascript. 

html




<center>
    <h1 style="color:green">GeeksforGeeks</h1>
    <h2>HTML DOM onsubmit Event</h2>
    <form id="formID" action="#">
        Enter name:
        <input type="text" name="fname">
        <input type="submit" value="Submit">
    </form>
</center>
  
<script>
    document.getElementById("formID").onsubmit =
        function() {GFGfun()};
      
    function GFGfun() {
        alert("form submitted");
    }
</script>


Output: 

 

Example: In this example, we will see the onsubmit event using the addEventListener() method in Javascript.

html




<center>
    <h1 style="color:green">GeeksforGeeks</h1>
    <h2>HTML DOM onsubmit Event</h2>
    <form id="formID" action="#">
        Enter name:
        <input type="text" name="fname">
        <input type="submit" value="Submit">
    </form>
</center>
  
<script>
    document.getElementById(
      "formID").addEventListener("submit", GFGfun);
      
    function GFGfun() {
        alert("form submitted");
    }
</script>


Output: 

 

We have a complete list of HTML DOM methods, to check those please go through this HTML DOM Object Complete reference article.

Supported HTML Tags:  HTML <form> tag

Supported Browsers: The browsers supported by HTML DOM onsubmit Event are listed below: 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera

We have a Cheat Sheet on Javascript where we covered all the important topics of Javascript to check those please go through Javascript Cheat Sheet-A Basic guide to JavaScript.



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