jquery erhält alle Eingaben aus einem bestimmten Formular

Gibt es Möglichkeiten, alle Eingaben aus einem bestimmten Formular zu füllen? sagen wir so etwas:

<form id="unique00">
  <input type="text" name="whatever" id="whatever" value="whatever" />
  <div>
    <input type="checkbox" name="whatever" id="whatever" value="whatever" />
  </div>
  <table><tr><td>
    <input type="hidden" name="whatever" id="whatever" value="whatever" />
    <input type="submit" value="qweqsac" />
  </td></tr></table>
</form>
<form id="unique01">
  <div>
    <input type="text" name="whatever" id="whatever" value="whatever" />
    <input type="checkbox" name="whatever" id="whatever" value="whatever" />
  </div>
  <table><tr><td>
    <input type="hidden" name="whatever" id="whatever" value="whatever" />
  </td></tr></table>
  <select>blah...</select>
  <input type="submit" value="qweqsac" />
</form>
etc forms... forms...

*Hinweis: Jedes Formular kann eine andere Menge an Eingaben und Typen und auch eine andere HTML-Struktur haben

Gibt es also eine Möglichkeit, die Eingabe von einer bestimmten Formular-ID zu füllen? z. B. wenn ich von einer bestimmten Formular-ID aus auf die Schaltfläche „Senden“ klicke, füllt jquery für mich alle Eingaben innerhalb dieser Formular-ID aus. derzeit mache ich folgendes:

$("form").submit(function(){ return validateForm($(this)) });
function validateForm(form){
var retVal = true;
var re;
$.each(form.serializeArray(), function(i, field) {
  var input = $('input[name="+field.name+"]');
  field.value = $.trim(field.value);
  switch(field.name){
    case "name" :
        and another cases...
      }
    })
 }

das war Arbeit, aber in diesem Fall bekomme ich nur field.name und field.value, und eigentlich möchte ich ein jquery-Objekt für jedes Eingabeelement, damit ich auf deren CSS, ID, Name und zugreifen kann sogar diese Eingabeelemente animieren

Gibt es dafür eine Möglichkeit?

Bitte lassen Sie es mich wissen und danke im Voraus! Und

Um alle Eingaben in einem Formular zu durchlaufen, können Sie Folgendes tun:

$("form#formID :input").each(function(){
 var input = $(this); // This is the jquery object of the input, do what you will
});

Dies verwendet die jquery : Eingangsauswahl Um ALLE Arten von Eingaben zu erhalten, können Sie Folgendes tun, wenn Sie nur Text möchten:

$("form#formID input[type=text]")//...

usw.

Der folgende Code hilft, die Details der Elemente aus dem spezifischen Formular mit der Formular-ID abzurufen,

$('#formId input, #formId select').each(
    function(index){  
        var input = $(this);
        alert('Type: ' + input.attr('type') + 'Name: ' + input.attr('name') + 'Value: ' + input.val());
    }
);

Der folgende Code hilft, die Details der Elemente aus allen Formularen zu erhalten, die auf der Ladeseite platziert sind.

$('form input, form select').each(
    function(index){  
        var input = $(this);
        alert('Type: ' + input.attr('type') + 'Name: ' + input.attr('name') + 'Value: ' + input.val());
    }
);

Der folgende Code hilft, die Details von Elementen zu erhalten, die auf der Ladeseite platziert sind, auch wenn das Element nicht innerhalb des Tags platziert ist.

$('input, select').each(
    function(index){  
        var input = $(this);
        alert('Type: ' + input.attr('type') + 'Name: ' + input.attr('name') + 'Value: ' + input.val());
    }
);

HINWEIS: Wir fügen den mehr Element-Tag-Namen hinzu, den wir in der Objektliste benötigen, wie unten,

Example: to get name of attribute "textarea",

$('input, select, textarea').each(
    function(index){  
        var input = $(this);
        alert('Type: ' + input.attr('type') + 'Name: ' + input.attr('name') + 'Value: ' + input.val());
    }
);

Verwenden HTML Attribut “Elemente” des Formulars:

$.each($("form").elements, function(){ 
    console.log($(this));
    });

Jetzt ist es nicht mehr notwendig, Namen wie “input, textarea, select …” usw. anzugeben.