Redirect su presentazione del modulo con window.location.href

Question

provare questo semplice codice, sono stupito che non ha funzionato, qui andiamo:

<form method="get" action="" > 
    <input type="submit" value="validate" onclick="redirect(); alertIt(); "/> 
</form> 
<script> 
    function redirect(){ 
     window.location.href = "test.html" ; 
    } 
</script> 
<script> 
function alertIt(){ 
    alert("redirect"); 
} 
</script> 

Il codice è solo supposto per reindirizzare a "test. html "al clic del pulsante di invio, che non riesce a fare. D'altra parte: alertIt() funziona bene ... La mia domanda è la seguente: l'evento handeling in una form ha delle regole speciali che dovrei sapere?

Answer 1

È necessario restituire false se si desidera che il modulo non venga inviato comunque.

function redirect(){ 
     window.location.href = "test.html" ; 
} 

Dovrebbe essere

function redirect(){ 
    window.location.href = "test.html" ; 
    return false; 
} 

Si dovrebbe anche agganciare l'evento submit e non l'evento click di preferenza, e tornare nel gestore.

onclick="return redirect(); alertIt(); " 

avrebbe funzionato (ma non di allarme)

In modo ottimale, quello che ci si vuole fare è aggiungere un id alla forma ad esempio myForm e allegare un evento ad esso.

document.getElementById("myForm").addEventListener("submit",function(){ 
    alertIt(); 
    return redirect(); 
},false); 

Answer 2

Anche possibile utilizzare location.replace(). Il seguente link spiega la posizione di JavaScript con un esempio funzionante.

http://www.codecandle.com/Articles/450/Javascript/Browser-Objects/Javascript-Location/codedetail.aspx

possono aiutare.