Skip to main content
1 de 2
A. Cedano
  • 95.2k
  • 31
  • 145
  • 257

Tú puedes escuchar los clics del elemento button en específico y dentro de él determinar mediante $(this).closest('form'); a qué formulario está ligado el botón que fue presionado.

De ese modo trabajarás con ese único formulario.

Ejemplo con tres formularios... pero pueden ser 10, o más, o menos.

$(function() {
  $('button').on('click', function(e) {
    e.preventDefault();

    var frm = $(this).closest('form');
    var data = frm.serialize(); //Almacenamos los elementos del form
    console.log(data);

    alert('Enviaste el formulario con id: '+frm.prop('id'));
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form id="frm1">
  Escriba datos: <input type="text" name="inputTest" placeholder="Escribe algo en frm1" />
  <button>Enviar frm1</button>
</form>

<hr />

<form id="frm2">
  Escriba datos: <input type="text" name="inputTest" placeholder="Escribe algo en frm2" />
  <button>Enviar frm2</button>
</form>

<hr />

<form id="frm3">
  Escriba datos: <input type="text" name="inputTest" placeholder="Escribe algo en frm3" />
  <button>Enviar frm3</button>
</form>

A. Cedano
  • 95.2k
  • 31
  • 145
  • 257