Zatrzymaj wysyłanie formularza HTML5, odświeżanie lub otwieranie nowego okna na subskrypcji

Question

Używam znacznika formularza HTML5 dla wbudowanego w niego walidatora po stronie klienta, ale nie chcę, aby przesyłał coś, co właśnie dostałem zamiast tego należy uruchomić funkcję Javascript.

Jak zatrzymać metodę Post formularza.

Cheers - Caius

Answer 1

dodać return false po wywołaniu funkcji, tak jak poniżej:

<input .... onclick="function();return false;" /> 

lub może po prostu wrócić true/false z funkcji tak:

<input .... onclick="return function()" /> 

Answer 2

Jeśli używasz jQuery, możesz:

$('#your_form_id').submit(function(e){ 
    e.preventDefault(); 
    // do your staff 
}); 

Można też zrobić to bez ramy:

document.getElementById('your_form_id').addEventListener('submit' function() { 
    // do your staff 
    return false; 
}); 

W "// do swoich pracowników" można napisać kod AJAX.

Answer 3

Dodaj właściwość onsubmit do tagu formularza:

<form onsubmit="return myfunction()"> 

zapewnić powrót bool dla funkcji

function myfunction() { 
    // do your validation 
    if (validation.passes) { // you will need to change this line !!! 
    return true; // to submit 
    } else { 
    return false; // to prevent submit 
    } 
} 

Answer 4

Dodaj onsubmit obsługi do formularza, na przykład

<form method="POST" onsubmit="return sendForm();"> 

Następnie zdefiniować funkcję i dodać false jako wartość zwracana:

function sendForm() { 
    //do your ajax request... 
    return false; 
} 

Answer 5

I preferują pozostawienie moich funkcje są i dodać return false do onsubmit obsługi, ex:

<form onsubmit="aFunction(); return false;"> 

Answer 6

mam spróbować całe rozwiązanie, ale to wciąż przeładowanie strony po procesie ajax:

<form id="form2" method="POST" onsubmit='sent(); return false;' > 

function sent(){ 
    $.ajax({ 
     ... 
    }); 
}