Onclick이 양식 데이터 제출을 트리거해서는 안됩니다.

Question

방금 ​​<button>에 대한 onclick 이벤트가 <form> 태그 트리거 내에 배치 될 때마다 양식은 <input type='submit'>을 클릭 한 것처럼 데이터를 제출합니다. 나는 그것을 원하지 않는다. 내 양식 내의 버튼은 다른 작업을 수행하며, 양식 중 하나를 클릭하면 양식이 데이터를 제출해서는 안됩니다.

더 명확하게하기 위해, 나는이 코드를 원하는 : "안녕하세요"

<form action="http://www.google.com" method="POST"> 
    <button onclick="alert('hi!')">Button</button> 
    <br> 
    <input type="submit" value="submit"/> 
</form> 

이 경고를 표시하기를 버튼을 클릭하면 그 후에 Google이 열리지 않습니다. '제출'을 누르면 Google에만 표시됩니다.

Answer 1

을 type="button"을 지정

<button type="button" onclick="alert('hi!')">Button</button> 

을 링크 된 기사에서 :

이 [제출] 속성이

를 지정하지 않은 경우 기본값입니다

Answer 2

이 시도 ..

onclick="alert('hi!'); return false;" 

Answer 3

jQuery는 입력이 아닌 스팬을 사용하므로 .button 호출을 사용하고 클릭 이벤트를 설정하십시오.