Ein Formular mit jQuery abschicken

Question

Ich möchte ein Formular mit jQuery übermitteln. Kann jemand den Code, eine Demo oder ein Beispiel Link zur Verfügung stellen?

Answer 1

Für Informationen
wenn jemand

$('#formId').submit();

Tun Sie nicht so etwas wie dies

<button name = "submit">

Es hat viele Stunden gedauert, bis ich herausgefunden habe, dass submit() so nicht funktioniert.

Answer 2

Verwenden Sie es, um Ihr Formular mit Jquery zu übermitteln. Hier ist der Link http://api.jquery.com/submit/

<form id="form" method="post" action="#">
    <input type="text" id="input">
    <input type="button" id="button" value="Submit">
</form>

<script type="text/javascript">
$(document).ready(function () {
    $( "#button" ).click(function() {
        $( "#form" ).submit();
    });
});
</script>

Answer 3

Wird ein Formular mit Preloader gesendet:

var a=$('#yourform').serialize();
$.ajax({
    type:'post',
    url:'receiver url',
    data:a,
    beforeSend:function(){
        launchpreloader();
    },
    complete:function(){
        stopPreloader();
    },
    success:function(result){
         alert(result);
    }
});

Ich habe einige Trick, um ein Formular Daten Post mit zufälligen Methode reformiert machen http://www.jackart4.com/article.html

Answer 4

$("form:first").submit();

Voir ereignisse/abgeben .

Answer 5

Beachten Sie, dass, wenn Sie bereits einen Submit-Ereignis-Listener für Ihr Formular installiert haben, der innere Aufruf von submit()

jQuery('#<form-id>').submit( function(e){ 
    e.preventDefault();
    // maybe some validation in here
    if ( <form-is-valid> ) jQuery('#<form-id>').submit();
});

wird nicht arbeiten, da es versucht, einen neuen Ereignis-Listener für das Submit-Ereignis dieses Formulars zu installieren (was fehlschlägt). Sie müssen also auf das HTML-Element selbst zugreifen (aus jQquery auspacken) und submit() für dieses Element direkt aufrufen:

    jQuery('#<form-id>').submit( function(e){ 
      e.preventDefault();
      // note the [0] array access:
      if ( <form-is-valid> ) jQuery('#<form-id>')[0].submit();
    });