name - ¿Cómo verificar con jQuery si se envía algún formulario?

tag name jquery

Question

Tengo una página con muchos formularios y el usuario va a elegir algo en esa página. Cuando el usuario lo hace, necesito colocar ese elemento en otro lugar, de manera muy parecida a un carrito de compras. Pero parece que no puedo obtener más que el primer formulario de la página para que funcione como se esperaba. He intentado varias cosas:

1. Proporcione a todos los formularios la misma identificación, lo que hizo que el primer formulario actuara como yo quería, y me proporcionó los datos de ese formulario.
2. Dales a todos la misma ID nuevamente, esta vez agregando un identificador único a la ID, pero claro, entonces jQuery $(''#something'') no lo atrapa porque no coincide.

Así que estoy pensando en cómo me gustaría hacer esto. Solo necesito recibir los datos del formulario enviado en la página. Y como mencioné, podría darles a todos un prefijo de algún tipo, como el que tengo ahora, pero entonces no sé cómo hacerlo.

¡La ayuda sería muy apreciada!

Algún código solicitado (solo un ejemplo para mostrar lo que quiero decir, por supuesto):

El HTML:

<form id="something-0"><input type="hidden" value="0"><input type="submit"></form>
<form id="something-1"><input type="hidden" value="1"><input type="submit"></form>

La jQuery:

$("#something-%").submit(function(e) {
e.preventDefault();
$("#some-span").html(data);
});

Quiero que el # something-% acepte cualquier cosa que venga después del "-", espero que entienda.

Answer 1

Como respuesta general, para clasificar un grupo de elementos, use el atributo de class , dando a cada elemento el mismo nombre de clase. A continuación, puede seleccionar los elementos de esa clase. Un elemento puede tener más de una clase.

$(".something");

Si debe usar id, puede usar un selector de atributos:

$("[id^=''something'']");  // all elements with an id beginning with ''something''
$("[id$=''something'']");  // all elements with an id ending with ''something''

Para esta pregunta específica, ya que desea actuar en cualquier formulario dentro de la página, la opción más sencilla sería usar el selector de nombre de elemento:

$("form");

Independientemente del selector, puede identificar qué formulario se envió haciendo referencia a this dentro del controlador submit() :

$("form").submit(function (e) {
    e.preventDefault();
    var formId = this.id;  // "this" is a reference to the submitted form
});

Answer 2

Puede capturar todos los formularios utilizando el selector ''formulario'', por ejemplo

$("form").submit(function() {
  var theForm = $(this);
  var formID = theForm.attr("id");
  // do something
});