Enviar formulario HTML usando jQuery

Aprenderemos a enviar el formulario HTML usando jQuery en esta publicación.

Envíe el formulario HTML usando jQuery

El método .submit() vincula un controlador de eventos al envío de un evento de JavaScript o distribuye este evento en un elemento. El evento de envío se envía a un elemento cuando el usuario intenta enviar un formulario.

Sintaxis:

.submit(handler)

El controlador es una función que se llama/ejecuta cada vez que se activa el evento, y solo se puede adjuntar a los elementos <formulario>.

Los formularios se pueden enviar haciendo clic o presionando explícitamente <tipo de entrada="imagen">, <tipo de botón="enviar">, <tipo de entrada="enviar">, o presionando Entrar cuando elementos específicos del formulario tener enfoque Como el método .submit() es solo una abreviatura de .on("submit", handler), es posible una separación usando .off("submit").

Los formularios y sus elementos secundarios no pueden usar nombres de entrada o identificadores similares que entren en conflicto con las propiedades de un formulario, como el método send. Los conflictos de nombres pueden causar errores confusos.

Puede encontrar más información sobre la documentación .submit() para .submit().

Ejemplo:

Código - HTML:

<form id="myForm">
    <input type="text" value="Hello world">
    <input type="submit" value="Submit">
</form>

Código - JavaScript + jQuery:

$('#myForm').submit((event) => {
  console.log('.submit() called.');
  event.preventDefault();
});

Ejecute el fragmento de código anterior en cualquier navegador que admita jQuery. Haga clic en el botón Send para mostrar el mensaje ".submit() llamado.".

Producción:

Ejecutar código

Podemos cancelar el movimiento de envío con la ayuda de llamar a .preventDefault() en el objeto del evento o con la ayuda de devolver falso desde nuestro controlador. Podemos desencadenar el evento manualmente mientras se hace clic en cualquier otro elemento.