Вимкнути автоматичне надсилання форми при натисканні кнопки

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

e.preventDefault()Для кожної з цих кнопок досить болісно .

Я використовую інтерфейс jQuery та jQuery, а веб-сайт знаходиться в HTML5.

Чи є спосіб відключити цю автоматичну поведінку?

Кнопки подобається <button>Click to do something</button> є кнопки відправки.

Встановіть type="button"це змінити. type="submit"є типовим (як визначено рекомендацією HTML ).

Ви можете просто спробувати використовувати false false (return 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;
}