HTML | Evento de envío de DOM

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *