jQuery - Standard verhindern, dann Standard fortsetzen

Question

Ich habe ein Formular, das, wenn ich es übergebe, muss ich einige zusätzliche Verarbeitung, bevor es das Formular senden sollte. Ich kann das Standardverhalten bei der Übermittlung von Formularen verhindern und mache dann meine zusätzliche Verarbeitung (es ruft im Grunde die Google Maps-API auf und fügt dem Formular einige versteckte Felder hinzu) - und dann muss das Formular übermittelt werden.

Gibt es eine Möglichkeit, "Standard zu verhindern", dann einen Punkt später "Standard fortsetzen?"

Answer 1

würde ich nur tun ..

$('#submiteButtonID').click(function(e){ 
    e.preventDefault(); 
    //do ur stuff. 
    $('#formId').submit(); 
}); 

Anruf preventDefault auf den ersten und submit() Funktion später verwenden .. wenn u müssen nur die

Formular

Answer 2

Sie e.preventDefault() verwenden können, die den aktuellen Vorgang stoppen .

als Sie $("#form").submit();

$('#form').submit(function (e) 
{ 
    return !!e.submit; 
}); 
if(blabla...) 
{... 
} 
else 
{ 
    $('#form').submit(
    { 
     submit: true 
    }); 
} 

Answer 3

tun können, wenn Sie die .submit() Ereignis an die Form binden, und Sie tun, um die Dinge, die Sie vor der Rückkehr (true) tun wollen, passieren diese Dinge vor der eigentlichen Unterwerfung.

Zum Beispiel:

$('form').submit(function(){ 
    alert('I do something before the actual submission'); 
    return true; 
}); 

Simple example

Ein weiteres Beispiel auf jquery.com: http://api.jquery.com/submit/#entry-examples

Answer 4

auf diese Weise verwenden Sie eine Endlosschleife auf Ihre JS tun. eine bessere Art und Weise zu tun Sie das folgende

var on_submit_function = function(evt){ 
    evt.preventDefault(); //The form wouln't be submitted Yet. 
    (...yourcode...) 

    $(this).off('submit', on_submit_function); //It will remove this handle and will submit the form again if it's all ok. 
    $(this).submit(); 
} 

$('form').on('submit', on_submit_function); //Registering on submit. 

verwenden Ich hoffe, es hilft! Danke!

Answer 5

Verwenden jQuery.one()

Attach einen Handler auf ein Ereignis für die Elemente. Der Handler wird höchstens einmal ausgeführt pro Element pro Ereignistyp

$('form').one('submit', function(e) { 
    e.preventDefault(); 
    // do your things ... 

    // and when you done: 
    $(this).submit(); 
}); 

Es tut, was Sie wollen, und Sie brauchen nicht einreichen über mehr zu kümmern.

Answer 6

„Validation Injektion ohne einreichen Looping“:

Ich will nur reCaptcha und einige andere Sachen vor HTML5 Validierung überprüfen, also tat ich so etwas wie das (die Validierung Funktion gibt wahr oder falsch):

$(document).ready(function(){ 
    var application_form = $('form#application-form'); 

    application_form.on('submit',function(e){ 

     if(application_form_extra_validation()===true){ 
      return true; 
     } 

     e.preventDefault(); 

    }); 
}); 

Answer 7

In einer reinen Javascript-Methode können Sie das Formular nach dem Verhindern von Standard übermitteln.

Dies ist weil HTMLFormElement.submit()never calls die onSubmit(). Wir verlassen uns also auf diese Spezifikation, um das Formular so zu übermitteln, als ob es hier keinen benutzerdefinierten Handler für das Übergeben von Nachrichten gibt.

var submitHandler = (event) => { 
    event.preventDefault() 
    console.log('You should only see this once') 
    document.getElementById('formId').submit() 
} 

Siehe this fiddle für eine synchrone Anfrage.

---

für eine Asynchron-Anfrage ist genauso einfach zu beenden Warten:

var submitHandler = (event) => { 
    event.preventDefault() 
    console.log('before') 
    setTimeout(function() { 
    console.log('done') 
    document.getElementById('formId').submit() 
    }, 1400); 
    console.log('after') 
} 

Sie können meine Geige Besuche für ein example eine asynchrone Anfrage.

---

Und wenn Sie unten mit dem Versprechen:

var submitHandler = (event) => { 
    event.preventDefault() 
    console.log('Before') 
    new Promise((res, rej) => { 
     setTimeout(function() { 
     console.log('done') 
     res() 
     }, 1400); 
    }).then(() => { 
     document.getElementById('bob').submit() 
    }) 
    console.log('After') 
} 

Und hier ist that request.