[javascript] <button>이 양식을 제출하지 못하게 할 수 있습니까?

2 개의 버튼이있는 양식이 있습니다

<a href="index.html"><button>Cancel changes</button></a>

<button type="submit">Submit</button>

나는 이것처럼 jQuery UI의 버튼도 사용합니다.

$('button').button();

그러나 첫 번째 버튼도 양식을 제출합니다. 나는 그것을 가지고 있지 않다면 그렇지 않을 것이라고 생각 type="submit"했을 것입니다.

분명히 나는 ​​이것을 할 수 있었다

$('button[type!=submit]').click(function(event) { event.stopPropagation(); });

그러나 JavaScript 개입없이 해당 뒤로 버튼이 양식을 제출하는 것을 막을 수있는 방법이 있습니까?

솔직히 말하면 버튼 만 사용했기 때문에 jQuery UI로 스타일을 지정할 수 있습니다. button()링크를 호출하려고 시도했지만 예상대로 작동하지 않았습니다 (매우 추한 것처럼 보입니다!).

답변

<button type="button">Submit</button>

<button type="button">Cancel changes</button>

<input type="button" value="Submit" />

<a href="http://somewhere.com"><input type="button" value="Submit" /></a>

<input type="button" value="Cancel" onclick="javascript: someFunctionThatCouldIncludeRedirect();"/>

<form onsubmit="return false;">
   ...
</form>

<script type="text/javascript">
    $('button[type!=submit]').click(function(){
        // code to cancel changes
        return false;
    });
</script>

<a href="index.html"><button>Cancel changes</button></a>
<button type="submit">Submit</button>