버튼 클릭시 양식 자동 제출 비활성화

버튼 클릭시 양식 자동 제출 비활성화

---

여러 버튼을 사용하는 HTML 양식이 있습니다. 문제는 어떤 버튼을 클릭하더라도 버튼이 "제출"유형이 아니더라도 양식이 제출된다는 것입니다. 예를 들어 :와 같은 버튼을 사용 <button>Click to do something</button>하면 양식이 제출됩니다.

e.preventDefault()이 버튼들 각각에 대해 매우 고통 스럽습니다 .

jQuery와 jQuery UI를 사용하고 웹 사이트는 HTML5입니다.

이 자동 동작을 비활성화하는 방법이 있습니까?

---

버튼 <button>Click to do something</button> 은 제출 버튼입니다.

type="button"변경하도록 설정하십시오 . HTML 권장 사항에 지정된type="submit" 대로 기본값 입니다.

---

원하는 것을하기가 어렵지 않습니다. 다음과 같이 return false (return false를 사용 하면 모든 DOM 요소의 기본 동작보다 우선 함)를 사용할 수 있습니다.

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

myform.submit ()을 사용하여 양식을 제출하십시오.

또는 대안 적으로 :

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

그러나 Input type = "button"/ Button type = "button"은 양식을 제출하지 않으므로 아무런 문제없이 사용할 수 있다고 생각합니다.

---

<button>실제로 제출 버튼이며 다른 주요 기능은 없습니다. 유형을 버튼으로 설정해야합니다.
그러나 아래와 같이 이벤트 핸들러를 바인딩하면 모든 버튼을 대상으로하며 각 버튼마다 수동으로 할 필요가 없습니다!

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

---

입력을 속성으로 직접 추가하려면 다음을 사용하십시오.

 onclick="return false;" 

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

이것은 양식 제출 동작을 방지합니다

참고 URL : https://stackoverflow.com/questions/9824808/disable-form-auto-submit-on-button-click