jQuery - varsayılanı engelle, sonra da varsayılan olarak devam et

Question

Gönderildiğinde, formu göndermeden önce ek bir işlem yapmam gereken bir form var. Varsayılan form gönderim davranışını önleyebilirim, ardından ek işlemlerimi yapın (temelde Google Haritalar API'sını çağırmak ve forma birkaç gizli alan eklemek) - ve sonra gönderilecek forma ihtiyacım var.

"Varsayılanı önleme" nin bir yolu var mı, sonra bir nokta daha sonra "varsayılana devam et"?

Answer 1

ben sadece ilk başta ..

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

çağrı preventDefault yapacağını ve u sadece mevcut işlemi durdurur

Answer 2

Sen e.preventDefault() kullanabilirsiniz formu göndermeniz gerekirse .. submit() işlevi daha sonra kullanmak .

forma .submit() olayı bağlamak ve siz (gerçek) dönmeden önce yapmak istediğiniz şeyleri yapmak zaman $("#form").submit();

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

Answer 3

yapabilirsiniz daha bunları gerçek sunulmadan önce olur. Örneğin

: http://api.jquery.com/submit/#entry-examples

Answer 4

Sizin JS üzerinde sonsuz döngü yapacak bu şekilde kullanarak: jquery.com üzerine

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

Simple example

başka örnek.

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. 

Ben yardımcı olur umarım aşağıdaki kullanabileceğiniz daha iyi bir yol yapmak! Teşekkürler!

Answer 5

Kullanım jQuery.one()

elemanları bir etkinliğe bir işleyici takın. işleyici etkinlik türü

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

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

Ne istediğinizi yapar ve birden gönderme konusunda endişelenmenize gerek yoktur birer defa elemanı başına en fazla yürütülür.

Answer 6

"Doğrulama enjeksiyon döngü gönderirim olmadan":

Sadece ReCAPTCHA ve HTML5 doğrulama önce bazı başka şeyler kontrol etmek istiyorum, bu yüzden böyle bir şey (doğrulama işlevi true veya false döndürür) yaptı:

$(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

Düzgün bir Javascript biçiminde, önbelleği önledikten sonra formu gönderebilirsiniz. Bu, HTMLFormElement.submit()never callsonSubmit()'dan kaynaklanmaktadır. Bu nedenle, formu özel bir onsubmit işleyicisine sahip değil gibi sunmak için söz konusu şartname tuhaflığına güveniyoruz.Eşzamanlı bir istek için bkz this fiddle. bitirmek için bir zaman uyumsuz isteği bekliyorum

---

gibi kolaydır:

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

Bir asenkron isteğinin bir example benim keman bakabilirsiniz.

---

Ve vaatlerle düşerse:

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') 
} 

Ve burada that request bu.