Bagaimana untuk Menghentikan Butang HTML daripada Menghantar Borang?

Cara Mencegah Penyerahan Borang daripada Butang

Masalah:
Dalam senario tertentu, seperti menggunakan HTML5 elemen butang untuk menambah atau mengalih keluar item, adalah penting untuk menghalang butang alih keluar daripada mencetuskan penyerahan borang. Walaupun butang tambah tidak menyerahkan borang, butang alih keluar. Isu ini memerlukan penyelesaian untuk melumpuhkan penyerahan borang bagi butang yang diingini.

Penyelesaian:

Tingkah laku lalai elemen butang HTML5 ialah menyerahkan borang yang terkandung dalam . Untuk mengatasi tingkah laku ini, atribut jenis eksplisit mesti ditentukan. Dengan menetapkan jenis kepada "butang" dan bukannya "serahkan" lalai, kami boleh menghalang butang daripada mencetuskan penyerahan borang.

Coretan kod yang diperbetulkan di bawah menunjukkan cara untuk mencapai pengubahsuaian ini:

<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>

Penjelasan:

Atribut "jenis" dalam elemen HTML mentakrifkan jenis butang yang sedang digunakan. Menetapkannya kepada "butang" jelas menunjukkan bahawa tujuan butang adalah untuk melaksanakan fungsi JavaScript tanpa tindakan bentuk tambahan. The "return false;" kenyataan seterusnya menghalang penyerahan borang apabila butang diklik.

Dengan membuat perubahan ini, butang alih keluar tidak lagi akan menyebabkan penyerahan borang, manakala butang tambah terus berfungsi seperti yang dimaksudkan tanpa menyerahkan borang.

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