El evento onsubmit en HTML DOM ocurre después del envío de un formulario. La etiqueta de formulario admite este evento.
Etiquetas HTML compatibles:
Sintaxis:
- En HTML:
<element onsubmit="Script">
- En JavaScript:
object.onsubmit = function(){myScript};
- En JavaScript, usando el método addEventListener():
object.addEventListener("submit", myScript);
Ejemplo: uso de JavaScript
html
<!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>
Salida:
Antes:
Después:
Ejemplo: uso del método addEventListener()
html
<!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>
Salida:
Antes:
Después:
Navegadores compatibles: los navegadores compatibles con HTML DOM onsubmit Event se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por Vijay Sirra y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA