Отключить автоматическую отправку формы при нажатии кнопки

У меня есть HTML-форма, где я использую несколько кнопок. Проблема в том, что независимо от того, какую кнопку я нажимаю, форма будет отправлена, даже если кнопка не имеет типа «отправить». например, кнопки типа:, <button>Click to do something</button>приводят к отправке формы.

Это довольно больно делать e.preventDefault()для каждой из этих кнопок.

Я использую jQuery и jQuery UI, а сайт работает на HTML5.

Есть ли способ отключить это автоматическое поведение?

Кнопки вроде <button>Click to do something</button> являются кнопками отправки.

Установите, type="button"чтобы изменить это. type="submit"по умолчанию (как указано в рекомендации HTML ).

Вы можете просто попытаться использовать return false (возвращать false, переопределяет поведение по умолчанию для каждого элемента DOM) следующим образом:

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

а затем отправьте форму с помощью myform.submit ()

или альтернативно:

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

Также, если вы используете type="button"вашу форму, она не будет отправлена.

<button>Это кнопки отправки, они не имеют других основных функций. Вам нужно будет установить тип кнопки.
Но если вы привязываете свой обработчик событий, как показано ниже, вы выбираете все кнопки и вам не нужно делать это вручную для каждой кнопки!

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

если вы хотите добавить непосредственно к входу в качестве атрибута, используйте этот

 onclick="return false;" 

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

это предотвратит поведение при отправке формы

другой:

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

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

                return false;
}