jquery click() w przedstawienia przycisk

Question

Mam funkcji .Kliknij() na przycisku złożyć w formie:

$("#submitId").click(function() { 
    $('#hiddenInput').val(someVariable); 
}); 

To działa jak czar. Po kliknięciu przycisku przesyłania funkcja click() wypełnia ukrytą zmienną wejściową, a następnie cały formularz zostaje przesłany. Następnie serwer otrzymuje ukryte dane wejściowe z odświeżoną treścią.

Moje pytanie brzmi: czy to zawsze zadziała? Czy istnieje niebezpieczeństwo, że z jakiegoś powodu jeszcze mi nie wiadomo, operacja przesyłania zostanie wykonana najpierw, a funkcja click() później? Chcę się upewnić, że ukryte dane wejściowe są zawsze odświeżane.

Answer 1

Byłoby najlepiej, aby dołączyć aktualizację wartości bezpośrednio do formularza zgłaszania obsługi jak() zawsze należy najpierw uruchomić tego

$("#submitId").closest("form").submit(function() { 
$('#hiddenInput').val(someVariable); 
}); 

Answer 2

The .Kliknij.

Answer 3

Podczas pracy z formami, to zawsze wskazane, aby pozwolić przycisk submit zrobić to zadanie: wywołać formularza SUBMIT EVENT ... to co to ma za. Następnie należy posłuchać zdarzenia submit na imprezie form, a nie click na przycisku submit.

Możesz użyć event.preventDefault(), aby uniemożliwić domyślne przesłanie formularza, abyś mógł wykonać przechowywanie domu, a następnie możesz przesłać formularz.

$("#submitId").closest('form').on('submit', function(event) { 
    event.preventDefault(); 
    $('#hiddenInput').val(someVariable); //perform some operations 
    this.submit(); //now submit the form 
}); 

Albo po prostu,

$('form').on('submit', function(event) { 
    event.preventDefault(); 
    $('#hiddenInput').val(someVariable); //perform some operations 
    this.submit(); //now submit the form 
}); 

Answer 4

ja osobiście uważam, że bezpieczniej jest zapobiegać złożyć, a następnie ustawić wartość na wejściu potrzebne i tylko wtedy złożyć programowo formularz. Na przykład:

$("form").submit(function (e) { 
    e.preventDefault(); 
    $('#hiddenInput').val(someVariable); 
    $(this).submit(); 
});