javascript modulo di modifica onsubmit dinamicamente

Question

Ho un modulo con alcuni valori di azione e onsubmit, che viene inviato tramite un tag di input di invio. Il problema è che dovrebbe essere submittable da due pulsanti, così ho scritto una funzione per il secondo pulsante per modificare l'azione e valori OnSubmit della forma:

<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; 
} 

Dopo aver cliccato sul Confronta collegarlo mi manda al un'altra pagina di Act.php, anche se ho più di 2 caselle selezionate (che è la regola di validazione). Qualcuno può aiutarmi a far funzionare correttamente la funzione onsubmit?

Answer 1

In submitCompare(), è esplicitamente e incondizionatamente chiamare

document.myForm.submit(); 

Che probabilmente si desidera invece c'è

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

Answer 2

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

dovrebbe essere

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

Tornando falsa su un presentare sarà solo cessare ogni ulteriore esecuzione della funzione. Si desidera impedire il comportamento di invio predefinito se non si desidera inoltrarlo.

Answer 3

Si tratta di una risposta in ritardo, ma se qualcun altro sta guardando questo ...

anziché:

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

Penso che si voleva:

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