HTML | DOM onsubmit Event
The onsubmit event in HTML DOM occurs after 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: Using JavaScript
<!DOCTYPE html> < html > < head > < title > HTML DOM onsubmit Event </ title > </ head > < body > < 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 > </ body > </ html > |
chevron_right
filter_none
Output:
Before:
After:
Example: Using the addEventListener() method
<!DOCTYPE html> < html > < head > < title > HTML DOM onsubmit Event </ title > </ head > < body > < 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 > </ body > </ html > |
chevron_right
filter_none
Output:
Before:
After:
Supported Browsers: The browsers supported by HTML DOM onsubmit Event are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera