Wyłącz automatyczne przesyłanie formularza po kliknięciu przycisku

Mam formularz HTML, w którym używam kilku przycisków. Problem polega na tym, że bez względu na to, który przycisk kliknę, formularz zostanie przesłany, nawet jeśli przycisk nie jest typu „prześlij”. np. Przyciski takie jak: <button>Click to do something</button>powodują przesłanie formularza.

Wykonanie e.preventDefault()każdego z tych przycisków jest dość bolesne .

Używam jQuery i jQuery UI, a strona jest w HTML5.

Czy istnieje sposób na wyłączenie tego automatycznego zachowania?

Przyciski jak <button>Click to do something</button> są złożyć przyciski.

Ustaw, type="button"aby to zmienić. type="submit"jest wartością domyślną ( określoną w zaleceniu HTML ).

Możesz po prostu spróbować użyć return false (return false zastępuje domyślne zachowanie każdego elementu DOM) w następujący sposób:

myform.onsubmit = function ()
{ 
  // do what you want
  return false
}

a następnie prześlij formularz za pomocą myform.submit ()

lub alternatywnie:

mybutton.onclick = function () 
{
   // do what you want
   return false
}

Ponadto, jeśli skorzystasz type="button"z formularza, nie zostanie przesłany.

<button>są w rzeczywistości przyciskami przesyłania, nie mają innych głównych funkcji. Będziesz musiał ustawić typ na przycisk.
Ale jeśli powiążesz moduł obsługi zdarzeń, jak poniżej, celujesz we wszystkie przyciski i nie musisz robić tego ręcznie dla każdego przycisku!

$('form button').on("click",function(e){
    e.preventDefault();
});

jeśli chcesz dodać bezpośrednio do danych wejściowych jako atrybut, użyj tego

 onclick="return false;" 

<input id = "btnPlay" type="button" onclick="return false;" value="play" /> 

zapobiegnie to zachowaniu formularza

inny:

if(this.checkValidity() == false) {

                $(this).addClass('was-validated');
                e.preventDefault();
                e.stopPropagation();
                e.stopImmediatePropagation();

                return false;
}