Formular-Eingabefelder mit jQuery? abrufen

Question

Ich habe ein Formular mit vielen Eingabefeldern.

Wenn ich das Submit-Formular-Ereignis mit jQuery abfangen, ist es möglich, alle Eingabefelder dieses Formulars in einem assoziativen Array zu erhalten?

Answer 1

$('#myForm').submit(function() {
    // get all the inputs into an array.
    var $inputs = $('#myForm :input');

    // not sure if you wanted this, but I thought I'd add it.
    // get an associative array of just the values.
    var values = {};
    $inputs.each(function() {
        values[this.name] = $(this).val();
    });

});

---

Dank des Tipps von Simon_Weaver gibt es noch eine andere Möglichkeit, wie Sie es machen können, nämlich mit serializeArray :

var values = {};
$.each($('#myForm').serializeArray(), function(i, field) {
    values[field.name] = field.value;
});

Beachten Sie, dass dieses Snippet nicht funktioniert, wenn <select multiple> Elemente.

Es scheint, dass die neue HTML 5-Formulareingaben arbeiten nicht mit serializeArray in jQuery Version 1.3. Dies funktioniert in Version 1.4+

Answer 2

Ich bin spät dran mit dieser Frage, aber das hier ist noch einfacher:

$('#myForm').submit(function() {
    // Get all the forms elements and their values in one step
    var values = $(this).serialize();

});

Answer 3

En jquery.form Plugin kann helfen, was andere suchen, die auf diese Frage landen. Ich bin nicht sicher, ob es direkt tut, was Sie wollen oder nicht.

Außerdem gibt es die serializeArray Funktion.

Answer 4

Manchmal finde ich es sinnvoller, einen nach dem anderen zu holen. Dafür gibt es das hier:

var input_name = "firstname";
var input = $("#form_id :input[name='"+input_name+"']");

Answer 5

$('#myForm').bind('submit', function () {
  var elements = this.elements;
});

Die Variable elements enthält alle Inputs, Selects, Textareas und Fieldsets innerhalb des Formulars.