Vô hiệu hóa biểu mẫu tự động gửi vào nút bấm

Tôi có một hình thức HTML nơi tôi sử dụng một số nút. Vấn đề là cho dù tôi nhấp vào nút nào, biểu mẫu sẽ được gửi ngay cả khi nút không thuộc loại "gửi". ví dụ: Các nút như : <button>Click to do something</button>, dẫn đến việc gửi biểu mẫu.

Thật là đau đớn khi làm một e.preventDefault()cho mỗi một trong số các nút này.

Tôi sử dụng jQuery và jQuery UI và trang web nằm trong HTML5.

Có cách nào để vô hiệu hóa hành vi tự động này?

Các nút như <button>Click to do something</button> là nút gửi.

Đặt type="button"để thay đổi điều đó. type="submit"là mặc định (như được chỉ định bởi khuyến nghị HTML ).

Bạn chỉ có thể thử sử dụng return false (return false ghi đè hành vi mặc định trên mọi thành phần DOM) như thế:

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

và sau đó gửi biểu mẫu của bạn bằng cách sử dụng myform.submit ()

Hay cách khác :

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

Ngoài ra, nếu bạn sử dụng type="button"mẫu của bạn sẽ không được gửi.

<button>Trên thực tế, các nút gửi, chúng không có chức năng chính khác. Bạn sẽ phải đặt loại thành nút.
Nhưng nếu bạn liên kết trình xử lý sự kiện của mình như bên dưới, bạn nhắm mục tiêu tất cả các nút và không phải thực hiện thủ công cho từng nút!

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

nếu bạn muốn thêm trực tiếp vào đầu vào dưới dạng thuộc tính, hãy sử dụng cái này

 onclick="return false;" 

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

điều này sẽ ngăn chặn hành vi gửi biểu mẫu

một số khác:

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

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

                return false;
}