Jquery-Ajax-Formular Senden, wenn ich auf eine Schaltfläche klicken, die nicht in der form

Habe ich diesen code:

$(document).on('submit','#roomsend',function(e) {
   var form = $('#roomsend');
   var data = form.serialize();
   $.post('php/roomlist.php', data, function(response) {
      console.log(response);
      $('#power').replaceWith(response);
   });
   return false;
});

Dieser arbeitet mit einer Senden-Schaltfläche im Formular. Aber jetzt habe ich einen button außerhalb der form:

<button class="btn btn-success" id="roomsendbutton"><i class="icon-ok"></i> Save</button>

Wie muss ich den code, dass wenn ich klickte die Schaltfläche die Schaltfläche alle Aktionen wird die Arbeit und das Formular sendet?

  • $(document).auf('click','#roomsendbutton',function(e){..}) löst dein problem, denke ich
InformationsquelleAutor fibi | 2013-05-24
  1. 4

    Wenn Sie mit HTML5, können Sie die neue Formular-Attribut:

    <button form="roomsend" type="submit" class="btn btn-success" id="roomsendbutton"><i class="icon-ok"></i> Save</button>

    http://jsfiddle.net/sEHLf/

    Sollte wohl look-up-browser-support für die es aber.

    • +1 Nette Idee :).
    • Wenn es nur unterstützt wurden breiter. Es scheint, als ob IE10 unterstützt es nicht.
    • Ich Liebe html5 Dank
    InformationsquelleAutor Kevin B
  2. 2

    Verwenden .trigger() Methode:

    $('#roomsendbutton').on('click', function () {
    $('#roomsend').trigger('submit');
});

    Referenzen:

    • Sorry, aber es hat nicht funktioniert. Ich will auch keine senden-Schaltfläche im Formular, sondern nur diese, die sich außerhalb der form .
    • Es für mich funktioniert, überprüfen Sie das GEIGE.
    InformationsquelleAutor
  3. 0

    Nur etwas tun, wie dieses in Ihrem jQuery..

    $('#roomsendbutton').click(function(){
     $(your form name).trigger('submit');

});
    • Sorry, aber es hat nicht funktioniert. Ich will auch keine senden-Schaltfläche im Formular, sondern nur diese, die sich außerhalb der form .
    InformationsquelleAutor rjg132234
  4. 0
    $(document).on('click','#roomsendbutton',function(e) {
   var form = $('#roomsend');
   var data = form.serialize();
   $.post('php/roomlist.php', data, function(response) {
      console.log(response);
      $('#power').replaceWith(response);
   });
   return false;
});

    Nur binden Sie das click-Ereignis der Schaltfläche.

    • Aber dann wird das Formular abschicken, ohne auf das hf, wenn der Benutzer die EINGABETASTE drückt auf eine Eingabe in ein Formular.
    • Nun, wenn der button ist aus der form, drücken Sie enter nichts. Und nichts verhindert, dass Sie aus der Bindung Ereignis, wenn nötig 😉
    • Wenn der button nicht in der form, und die Eingabe ist, drücken Sie die EINGABETASTE auf der Eingabe wird das Formular abschicken. Aber ja, konnte Sie binden zusätzliche Veranstaltungen, um das auch fix.
    InformationsquelleAutor Maresh
Schreibe einen Kommentar