Formulario de envío de JavaScript al hacer clic
-
Envíe un formulario haciendo clic en un enlace y utilizando la función
submit()en JavaScript -
Envíe un formulario haciendo clic en un botón y utilizando la función
submit()en JavaScript
Este tutorial discutirá cómo enviar un formulario usando la función submit() en JavaScript.
Envíe un formulario haciendo clic en un enlace y utilizando la función submit() en JavaScript
En JavaScript, puede crear un formulario usando la etiqueta form, puede darle al formulario una identificación usando el atributo id, y después de eso, debe elegir un método para enviar su formulario como, puede enviar el formulario cuando se hace clic en un enlace o un botón. Ahora, hay dos métodos para enviar un formulario, y puede hacerlo dentro del código HTML utilizando el atributo onclick o hacerlo dentro de JavaScript. Por ejemplo, enviemos un formulario dentro del HTML usando el atributo onclick. Vea el código a continuación.
<form id="FormId">
<a href="FormLink" id = "LinkID" onclick="document.getElementById('FormId').submit();"> SubmitForm </a>
</form>
Puede cambiar la identificación del form y la identificación del enlace en el código anterior de acuerdo con sus requisitos. Este método no se recomienda porque está mezclando HTML con código JavaScript. También puede hacerlo por separado en JavaScript utilizando la identificación del formulario y el enlace. Por ejemplo, hagamos la operación anterior usando JavaScript separado. Vea el código a continuación.
var myform = document.getElementById('FormId');
document.getElementById('LinkId').addEventListener('click', function() {
myform.submit();
});
Se recomienda este método porque HTML y JavaScript están en archivos separados. Tenga en cuenta que debe usar la identificación del formulario y la identificación del enlace que ha definido en el HTML para obtener esos elementos en JavaScript. El formulario se enviará cuando se haga clic en el enlace.
Envíe un formulario haciendo clic en un botón y utilizando la función submit() en JavaScript
Puede utilizar un botón para enviar un formulario. Hay dos métodos para enviar un formulario, y puede hacerlo dentro del código HTML utilizando el atributo onclick o hacerlo dentro de JavaScript. Por ejemplo, enviemos un formulario dentro del HTML usando el atributo onclick. Vea el código a continuación.
<form id="FormId">
<button id = "ButtonId" onclick="document.getElementById('FormId').submit();"> SubmitForm </button>
</form>
Similar al método anterior, este método no se recomienda porque está mezclando HTML con código JavaScript. Hagamos la operación anterior usando JavaScript separado.
var myform = document.getElementById('FormId');
document.getElementById('ButtonId').addEventListener('click', function() {
myform.submit();
});
