Bolehkah saya membuat <butang> tidak menyerahkan borang?

Question

Saya ada borang dengan 2 butang

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

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

Saya juga menggunakan butang UI jQuery padanya, seperti ini

$('button').button();

Namun, butang pertama juga menghantar borang. Pada asalnya saya fikir ia tidak akan berlaku tanpa type="submit".

Jelas sekali saya boleh melakukannya

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

Tetapi adakah terdapat cara untuk menghalang butang belakang daripada menyerahkan borang tanpa campur tangan JavaScript?

Sejujurnya, saya hanya menggunakan butang supaya saya boleh menggayakannya menggunakan UI jQuery. Saya cuba memanggil button() pada pautan tetapi ia tidak berfungsi seperti yang diharapkan (nampak hodoh!).

Answer 1

button 元素 的默认类型为 submit.

Anda tidak boleh membuat apa-apa dengan menetapkan 按钮jenis:

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

Answer 2

type< 的默认值button 元素的 /code> 属性 是“提交”。将其设置为 type="button" untuk menjana butang yang tidak menghantar borang.

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

Dalam Istilah standard HTML: "Buat apa-apa."