1 <h1>Ajax form</h1>2 3 <form id="myform" action="/request" method="post" target="result">4 <input type="text" placeholder="Name (required)" name="name" required><br>5 <input type="email" placeholder="Email (required)" name="email" required><br>6 <br>7 <button type="submit">Enviar</button>8 </form>9 10 <script type="text/javascript">11 12 13 document.getElementById('myform')14 .addEventListener('submit', function(e) {15 e.preventDefault();16 //e.stopPropagation(); // Este no es necesario17 alert('Formulario validado OK, capturado evento \'submit\'');18 }, true);19 20 </script>21 22 <br>23 <br>24 25 <p>Si el evento no se captura con js, se enviará un post al siguiente iframe:</p>26 27 <iframe id="result"></iframe>28 29
Enlace
El enlace para compartir es: