Rumah >hujung hadapan web >tutorial js >Bagaimana Saya Boleh Menghalang Butang daripada Menghantar Borang HTML?

Bagaimana Saya Boleh Menghalang Butang daripada Menghantar Borang HTML?

Patricia Arquette
Patricia Arquetteasal
2024-12-21 03:38:09376semak imbas

How Can I Prevent a Button from Submitting an HTML Form?

Menghalang Penyerahan Borang pada Klik Butang Alih Keluar

Dalam borang HTML yang disediakan, butang "alih keluar" mencetuskan penyerahan borang apabila diklik. Untuk mengelakkan gelagat ini, adalah penting untuk memahami bahawa elemen butang HTML5 mempunyai gelagat lalai untuk menyerahkan borang, seperti yang ditakrifkan oleh spesifikasi W3C.

Untuk mengatasi gelagat lalai ini, nyatakan secara jelas jenis butang sebagai butang :

<button type="button">Remove Last Item</button>

Dengan menetapkan atribut jenis kepada "butang," anda mengarahkan penyemak imbas untuk menganggap elemen butang sebagai butang yang memulakan kod JavaScript tersuai (dalam kes ini, fungsi removeItem()) dan bukannya menyerahkan borang.

<script>
  function removeItem() {
    // Custom code to remove the last row
  }
</script>

Pengubahsuaian ini memastikan bahawa butang "alih keluar" tidak lagi akan menyerahkan borang apabila diklik, membolehkan anda melakukan tindakan lain , seperti mengalih keluar baris daripada jadual atau mengemas kini data dalam aplikasi, tanpa mencetuskan penyerahan borang.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Menghalang Butang daripada Menghantar Borang HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn