Jak zastąpić (wyłączyć) zachowanie "przesłać" tag przycisku w tagu formularza?

Question

<form action=""> 
    <button>click</button> 
</form>` 

Domyślnym zachowaniem przycisku wewnątrz formularza jest przesłanie tego formularza.

Jak mogę wyłączyć funkcję przesyłania tego przycisku?

Answer 1

Dodaj type="button" do niego:

<button type="button">Click</button> 

---

Rodzaje dostępnej to:

• "submit": wartość domyślna. Przesyła formularz.
• "reset": Resetuje wejścia formularza.
• "Przycisk": Nic nie robi.

dobre referencje: https://developer.mozilla.org/en/DOM/HTMLButtonElement

Answer 2

To spowoduje wyłączenie poprzez javascript

<button onclick='return false'>click</button> 

Ale można tylko określić rodzaj

<button type='button'>click</button> 

Answer 3

Istnieją sytuacje, w których chcesz zachować nicetki przycisku submit (na przykład na urządzeniu mobilnym, gdzie submit Przycisk można wyzwolić z klawiatury, ale tylko wtedy, gdy przycisk jest częścią formularza i typu submit). W takim przypadku musisz zapobiec domyślnej akcji przycisku.

jQuery 1.7+ (używając .on - Gorąco polecam czytanie dokumentacji - istnieje wiele niuansów do korzystania .on które mogą znacznie wpływ na wydajność)

$(document).on("click", "button", "event", function(evt) { 
    evt.preventDefault(); 
    ... 
} 

Używanie starszych wersji jQuery ...

$("#button-id").bind("click", function(evt, ui) { 
    evt.preventDefault(); 
    ... 
} 

Pamiętaj, że możesz użyć dowolnego selektora (wybierz według klasy, typu elementu itd.) Lub metody wiązania z wydarzeniem (zamiast .bind, użyj .live, .delegate jako ap propriate do twojej wersji jquery.