javascript formularz zmiany dynamicznie onsubmit

Question

Mam formularz z niektórymi wartościami akcji i onsubmit, który jest przesyłany przez znacznik wejściowy submit. Problemem jest to, że powinien on być submittable dwoma przyciskami, więc napisałem funkcję drugiego przycisku, aby zmienić akcję i wartości onSubmit formularza:

<a href="javascript:submitCompare()" class="submit">Compare</a> 

function submitCompare() 
{ 
    document.myForm.action = "anotherAction.php"; 
    document.myForm.onsubmit = function() {return countChecked()}; 
    document.myForm.submit(); 
} 

function countChecked() 
{ 
    var n = $(".reports input:checked").length; 
    if (n >= 3) { 
    alert ('You must select less than 3 reports.'); 
    return false; 
    } 
    else return true; 
} 

Po kliknięciu na przycisk Porównaj odwołuje wysyła mnie do Strona anotherAction.php poprawnie, ale nawet gdy mam więcej niż 2 zaznaczone pola wyboru (co jest zasadą sprawdzania poprawności). Czy ktoś może mi pomóc, aby funkcja onsubmit działała poprawnie?

Answer 1

W submitCompare(), jawnie i bezwarunkowo zadzwonić

document.myForm.submit(); 

Co prawdopodobnie chcesz zamiast istnieje

if (countChecked()) { 
    document.myForm.submit(); 
} 

Answer 2

document.myForm.onsubmit = function() {return countChecked()}; 

powinny być

document.myForm.onsubmit = function(e) { 
    e = e || window.event; 
    if (!countChecked()) { 
     e.preventDefault(); 
     e.returnValue = false; 
    } 
}; 

Wracając false na zasadzie przedstawienia będzie właśnie końca dalszego wykonywania funkcji. Chcesz zapobiec wysyłaniu zgłoszenia, jeśli nie chcesz go przesyłać.

Answer 3

Jest późny odpowiedzi, ale jeśli ktoś szuka w tym ...

zamiast:

document.myForm.onsubmit = function() {return countChecked()}; 

Chyba chciałeś:

document.myForm.setAttribute("onsubmit", "return countChecked()");