Dlaczego zdarzenie przesyłania formularza nie jest uruchamiane (jQuery)?

Question

Mam formularz + układ tak:

<form ...> 
    <div id="editor"> 
     [form html] 
     <input type="submit" value="Submit form" /> 
    </div> 
</form> 

i następujący skrypt:

$(function() { 
    var form = $('#editor').parents('form'); 
    alert(form.length); // this alerts "1" 
    $(document).on('submit', 'form', function() { 
     alert('document form submit fired'); // this works as expected (alerts) 
    }); 
    form.on('submit', function() { 
     alert('selected form submit fired'); // this is never alerted 
    }); 
}); 

Ta forma nie jest załadowany za pośrednictwem ajax. Po załadowaniu strony pierwsze okno dialogowe ostrzeże "1". Jednak przy wysyłaniu formularza uruchamiany jest tylko jeden alert - taki, który uruchamia się dla wszystkich formularzy w dokumencie.

Dlaczego tak się stanie?

Answer 1

It does work. Dzieje się coś innego, co uniemożliwia ostrzelanie drugiego alarmu.

Answer 2

Twój selektor formularza jest nieprawidłowy.

spróbować zrobić to

$("form").on('submit', function() { 

Dość pewien, że to powinno działać

Właściwie jeśli nic nie jest ładowany przez AJAX lub dynamicznie poprzez javascript

Można po prostu zrobić

$("form").submit(function() { 

EDYTOWANIE

Zdrap mój wyżej. Nie widzę, żebyś ustawił wartość formularza. Sprawdź http://jsfiddle.net/s3fvM/1/. Wydaje się, że działa mi dobrze. obaj strzelają i ostrzegają.