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
Lepaskan: 2024-12-21 03:38:09
asal
415 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan