Warum wird mein Formular Absenden zweimal?

ALSO für einige Grund meine form ist die Einreichung zwei mal mit einem einzigen Tastendruck. Dies ist mein erstes mal mit jquery-Form-plugin, und ich kann mir vorstellen, dass jquery Absenden einmal und die form ist "natürlich" Einreichen als auch. Ich habe gesehen, dass das Mittel zum befestigen einen "return false" in das onSubmit-event-handler des Formulars. Ich dachte, ich bin gut, aber ist es offensichtlich nicht funktioniert.

Kann jemand helfen?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>User form entry </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jquery.validate.js"></script>
<script src="jquery.passwordStrength.js"></script>
<script src="jquery.form.js"></script>
<script>

$(document).ready(function() {
    $('#signupForm').ajaxForm(function() { 
         var queryString = $('#signupForm').formSerialize(); 
         $.post('process.php', queryString);
    });
});
</script>
</head>
<body>
   <form id="signupForm" action="process.php" onsubmit="return false" method="post">
   <fieldset class="password">
          ... form goes here
   <button type="submit" name="formSubmit" value="submit">Click to submit</button>
   </form>

<div id="results"></div>

</body>
</html>

Habe ich versucht, indem onsubmit="return false" in das form-element, aber dann habe ich keine Vorlage überhaupt. Ich habe auch versucht, indem "return false;" der jQuery, aber dann habe ich noch doppelte Beiträge. Was bin ich? Das scheint das standard-Methodik nach dem jQuery Form Plugin site.. wie ist meine form anders?

(Übrigens, nur um das klar.. ich bin nicht reden über das problem, dass Sie mehrere aufeinander folgende Formular sendet die Taste wiederholt drücken. Mein problem ist der "senden-Knopf drücken = zwei unterwirft".)

Ist Ihr Formular eingereicht, ohne js auch?
Ich habe das gleiche Problem, Formular wird doppelt eingereicht.

InformationsquelleAutor K.K. Smith | 2012-02-16

20
```
$('#signupForm').ajaxForm(function() { 
            var queryString = $('#signupForm').formSerialize(); 
            $.post('process.php', queryString);

});
```
Dies ist die Vorlage zweimal .... die ajaxForm Methode einmal und dann die post() zweiten mal

Den ajaxForm - Methode behandelt die form sumbission für Sie ... brauchen Sie nicht, fügen Sie die post() Methode ... die Funktion innerhalb der ajaxForm ist ein Rückruf, der ausgeführt auf Erfolg ...
```
$('#signupForm').ajaxForm(function() { 
       alert("Thank you for your comment!"); 
});
```
dieser code zeigen würde, die Warnung nach der erfolgreichen post ... einfaches Beispiel hier -> http://jquery.malsup.com/form/

Sollten Sie auch entfernen Sie die onsubmit Attribut aus der form ...

Update

Wenn Sie möchten, um Ergebnisse anzuzeigen ... es so machen :
```
$(document).ready(function() { 
    $('#signupForm').ajaxForm({ target: '#results' }); 
    //this will output the responseText from the submitted form to the target DOM element
});
```
- Super!!! Dank für, die. Ich denke, ajaxForm war sogar einfacher als ich dachte.
- Aha. Ja. Neu in diesem... ich gab Sie ein Häkchen und ich dachte, das war genug.
- Genial, ich wurde ignoriert, dass die komplett 🙂
- Ich rufe ajaxForm die Art und Weise Sie sagen, aber ich bin noch immer die Doppel-post. Ein Unterschied ist, dass ich eigentlich eine Datei hochladen, in der submit. Die erste Zeit der upload-handler aufgerufen wird, das HttpPostedFileBase ist korrekt, das zweite mal aufgerufen wird, wird das HttpPostedFileBase ist nichts. Ich kann umgehen das Problem einfach genug, aber ich würde es vorziehen, nicht zu haben.
InformationsquelleAutor ManseUK
0

vermeiden Sie die Verwendung
```
<button type="submit" name="formSubmit" value="submit">
```
so natürlich Ihre submit-button wird einer reichen und Ihr jquery auch reichen

verwenden Sie diese
```
<input type="button" name="formSubmit" value="submit">
```
- Wenn Sie eine Bindung an die form ist onsubmit (und false zurückgeben), dann mit einem submit-button ist in Ordnung.
- Wenn ich mit einem button statt submit wird das Formular nicht Absenden an alle. Die Bindung an das Formular "onsubmit" und false zurückgeben, nicht lindern das doppelpost Problem.
- warum vermeiden Sie die Verwendung von type="submit"?
InformationsquelleAutor manny
0

Versuchen Sie es mit dieser:
```
onsubmit="void(0);"
```
- was ist das tun ?
- er war die Rückgabe von false. Die verhindert, dass das event verteilt werden an alle. Diesen code einfach nichts tun und den obigen code wird das Formular abschicken. Senden Formular zweimal ist wegen des $.post Aufruf, wie jemand hier beantwortet.
InformationsquelleAutor Diego Marafetti
-1

Nicht mit einem submit - Taste. Verwenden Sie einen regulären button.
- Wenn Sie eine Bindung an die form ist onsubmit (und false zurückgeben), dann mit einem submit-button ist in Ordnung.
- Es gibt mehr als einen Weg, dies zu tun. Mein Vorschlag ist vollkommen gültig.
- Mit einem normalen button nicht das Formular senden an alle. Die Bindung an das Formular "onSubmit" und false zurückgeben, nicht lindern das doppelpost Problem.
InformationsquelleAutor Diodeus - James MacFarlane

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Update