Przekierowanie na złożenie formularza z window.location.href

Question

wypróbowanie tego prostego kodu, jestem zaskoczony, że nie działa, jedziemy:

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

Kod jest właśnie powinien przekierować do „test. html "po kliknięciu przycisku przesyłania, którego nie można wykonać. Z drugiej strony: alertIt() działa dobrze ... Moje pytanie jest następujące: czy obsługa zdarzeń w formularzu ma jakieś specjalne zasady, o których powinienem wiedzieć?

Answer 1

Musisz zwrócić wartość false, jeśli chcesz, aby formularz nie był wysyłany.

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

Powinny być

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

Należy również zahaczyć o zdarzeniu submit a nie zdarzenie click korzystnie i powrócić w obsługi.

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

będzie działać (ale nie alert)

Optymalnie, czego chcesz zrobić to dodać identyfikator do postaci na przykład MyForm i dołączyć do niego zdarzenia.

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

Answer 2

Można również użyć location.replace(). Poniższy link wyjaśnia lokalizację JavaScript z przykładowym działaniem.

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

może pomóc.