IEはサブミットボタンとしてHTML <button>を間違って扱います

Question

私は2つのHTMLボタンを持っています。 1つはフォームを送信し、もう1つはコンテナダイアログを閉じます。それはtype属性がない閉じるボタン：次のように

<button type="submit">Submit</button> 
<button class="closeDialog">Close</button> 

JavaScriptは次のとおりです。

$(".closeDialog").live("click", function(event) { 
    event.preventDefault(); 
    $(this).parents(".dialog").dialog("close"); 
}); 

$("form.myClass").live("submit", function(event) { 
    event.preventDefault(); 
    // submits the form here . . . 
}); 

このすべては、すべてのブラウザで正常に機能しますが、IE。 IEでは、「閉じる」ボタンをクリックすると、上記の両方のJavaScriptイベントが実行されますが、.closeDialogイベントハンドラのみが実行されます。

IEは、type属性に関係なく、送信ボタンとして要素を扱っているようです。

IEでこの誤解を回避するにはどうすればよいですか？

Answer 1

秒1で、試してみてください。<button type="button">

Answer 2

試してみてください。

<input type='button' /> 

これは、ほとんどの場合、IEで動作します。