2017-06-02 1 views
0

Ich erstelle einen Dialog (entweder JQUI oder Bootstrap 3) und laden Sie ein Formular über einen Ajax-Aufruf. Wenn das Formular gesendet wird, werden die Felder dupliziert. Das Formular enthält eine Datentabelle und eingereicht mit ajaxSubmit (malsup.com)JQuery ajaxSubmit doppelte Felder

des Lauf vor dem

var fieldList = [];  
$(formId + " input").each(function(index){ 
     var input = $(this); 
     fieldList.push(input.attr('name')); 
});  
alert(fieldList); 
var queryStr = $(formId).formSerialize(); 
alert(queryStr); 

einreicht Feldliste zeigt nur eine einzelne Instanz für jedes Feld, aber die queryStr zeigt zweimal jedes Feld.

Irgendwelche Ideen, wo man anfängt zu suchen?

+0

Verwenden Sie 'console.log (fieldList);' anstelle von 'alert (fieldList); 'da' fieldList' ein Array ist und die Warnung nur' zeroth index'-Wert anzeigt. Und verwenden Sie verschiedene 'Formen'? Eine hat die ID' formId' und die andere hat 'aFormId'? –

+0

Ok, das mache ich. Nein, nur ein Formular aFormId = "#" + formId - Ich korrigiere den Code, um es offensichtlich zu machen (das war schlampig, oder?) –

+0

Sie sollten ein Schnipsel dafür erstellen, um Ihrem Problem näher zu kommen. –

Antwort

0

Das war am Ende einfach. Die Duplizierung wurde verursacht, weil die Felder auch den formid Parametersatz hatten:

<form id="myform">  
<input name="fieldOne" formid="myform"> 
</form> 

Ich entfernte das und alles war in Ordnung.

Verwandte Themen