Bagaimana untuk melumpuhkan tingkah laku "serahkan" label butang di dalam label borang?

Question

<form action="">
  <butang>klik</button>
</form>

Tingkah laku lalai butang

dalam borang ialah menyerahkan borang.

Bagaimanakah cara saya melumpuhkan kelakuan serah butang ini?

Answer 1

Kadangkala anda ingin menyimpan butang submit 按钮的细节（例如，在移动设备上，只有当按钮是表单的一部分且类型为 submit 时，才能通过键盘触发 submit). Dalam kes ini, anda perlu menghalang tingkah laku lalai butang.

Menggunakan jQuery 1.7+ (menggunakan .on - 我强烈建议阅读文档 - 使用 .on Terdapat banyak nuansa yang boleh menjejaskan prestasi)

$(document).on("click", "button", "event", function(evt) {
    evt.preventDefault();
    ...
}

Menggunakan versi lama jQuery...

$("#button-id").bind("click", function(evt, ui) {
    evt.preventDefault();
    ...
}

Sila ambil perhatian bahawa anda boleh menggunakan mana-mana pemilih (pilih mengikut kelas, jenis elemen, dll.) atau kaedah mengikat acara (bukannya menggunakan .bind，使用适合你的 jQuery 版本的 .live、.delegate dll.).

Answer 2

Tambahkan type="button" di atasnya:

<button type="button">Click</button>

---

Jenis yang ada ialah:

• "submit": Nilai lalai. menyerahkan Borang.
• "reset": Tetapkan semula input borang.
• "butang": Tiada operasi.

Rujukan yang bagus: https://developer.mozilla.org/en/DOM/HTMLButtonElement