1. ホーム
  2. javascript

[解決済み] Can I make a <button> not submit a form?

2022-03-16 18:20:10

Question

I've got a form, with 2 buttons

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

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

I use jQuery UI's button on them too, simply like this

$('button').button();

However, the first button also submits the form. I would have thought that if it didn't have the type="submit" , it wouldn't.

Obviously I could do this

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

But is there a way I can stop that back button from submitting the form without JavaScript intervention?

To be honest, I used a button only so I could style it with jQuery UI. I tried calling button() をリンクに使用したところ、期待通りに動作しませんでした(見た目がかなり醜い!)。

解決方法は?

のデフォルト値は type の属性は button 要素 "submit"です。に設定します。 type="button" を使用すると、フォームを送信しないボタンが生成されます。

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

の言葉には HTMLスタンダード : "何もしない。