javascript Submit mehrere Formulare mit einem button

In meine html ich habe mehrere Formulare (Textfelder, radio-buttons, Checkboxen und select) und ein button. Ich möchte füllen Sie diese Formulare aus und senden die Werte an meiner php-Datei. Jetzt bin ich versucht, Werte senden, die aus text-input und select, aber ich komme nicht weiter an dieser Stelle.

Ich habe eine js-Datei Einsenden:

 submitForms = function(){
  document.getElementById("form1").submit();
  document.getElementById("form2").submit();
 }

Und meine Formen sind wie diese:
WÄHLEN Sie:

 <form id ="form1" name="dists" action="solve.php" method="post">
        <select id="demo" name="sadzba" onchange="selectElement1(this.value)>
                <option value="">-- vyberte oblasť --</option>
        </select>
    </form>

Text-Eingabe-Formular + button:

 <form id="form2" action="solve.php" method="post">
    <input type="text" name="spotVT" ><label>kWh za rok VT</label>
    <div id="nt" style='display:none'><input type="text" name="spotNT"  ><label>kWh za rok NT</label></div>

    </form>
 <input id="sub" type="button" value="Ok" style="margin-left:15px;" onclick="submitForms()"/>

Aber das wird nicht funktionieren. Können Sie mir bitte helfen? Danke

Diese Frage wurde gestellt von mehrere schon, siehe diese beiden links: stackoverflow.com/questions/7843355/... stackoverflow.com/questions/8563299/... im Grunde sieht es aus wie Sie gehen zu müssen, um dies zu tun asynchron.
Wie würden Sie unterbreiten, sind zwei Dinge von zwei verschiedenen Seiten? Es müssten ZWEI Zugriffe auf den server, aber es ist eine Seite. Nicht passieren mit schlichten form übermittelt.
Mögliche Duplikate von die Einreichung von zwei Formulare mit einem button

InformationsquelleAutor user2886091 | 2014-01-17

1

Wird es einfacher sein, nur senden Sie ein Formular. Sie können Ihre select-und input-tag mit dem gleichen Formularnamen durch die Zuordnung von form="Ihr-form-id".

InformationsquelleAutor Pei Guo

Hier ist ein einfaches Beispiel einer nativen Javascript-Implementierung.

<!DOCTYPE html>
<html>
<head>
    <title>Multiform - JAVASCRIPT</title>
</head>
<body>

<fieldset>
    <legend>Form 1</legend>
    <form name="f1" id="f1" onsubmit="return validate(this)">
        <input type="text" name="username" placeholder="Username" />
    </form>
</fieldset>

<fieldset>
    <legend>Form 2</legend>
    <form name="f2" id="f2" onsubmit="return validate(this)">
        <input type="text" name="email" placeholder="Email" />
    </form>
</fieldset>

<fieldset>
    <legend>Form 3</legend>
    <form name="f3" id="f3" onsubmit="return validate(this)">
        <input type="text" name="password" placeholder="Password" />
    </form>
</fieldset>

<button onclick="submitAll();">SUBMIT ALL</button>

<script>
'use strict';

function validate(form){
    //forms processsing goes here...
    console.log(form, form.name)
    return false;
}

function submitAll(){
    for(var i=0, n=document.forms.length; i<n; i++){
        document.forms[i].onsubmit();
    }

}

</script>

</body>
</html>

verwenden .submit(); nicht .onsubmit();

InformationsquelleAutor Jhan Mateo

Könnten Sie versuchen, diese. Wenn die übermittlung aller Formulare ist gut für Ihre Seite

 $('form').submit();

Funktion, die bei der tatsächlichen Verwendung:

function trySubmitAllForms() {
    if ($('.saveSpinner').is(':visible')) {
        return;
    }
    if ($('form').valid()) {
        $('.saveSpinner').show();
        $('form').submit();
    } else {
        showValidationErrorMessages();
    }
}

InformationsquelleAutor Frog

Sobald Sie die Einreichung eines Formulars Ihre Seite neu geladen oder beendet wird der javascript-Code nach, dass das Einreichen der form, so dass eine bessere Nutzung von Ajax für das Einreichen mehrerer Formen gleichzeitig

mit jquery

$("#sub").click(function(){
    $("form").each(function(){
        var fd = new FormData($(this)[0]);
        $.ajax({
            type: "POST",
            url: "solve.php",
            data: fd,
            processData: false,
            contentType: false,
            success: function(data,status) {
               //this will execute when form is submited without errors
           },
           error: function(data, status) {
               //this will execute when get any error
           },
       });
    });
});

Obige code legt jedes Formular beim klicken auf eine Schaltfläche mit der id sub

InformationsquelleAutor Vikas Kandari

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.