Rumah >hujung hadapan web >tutorial js >Bagaimanakah saya boleh menghalang butang daripada menghantar borang?

Bagaimanakah saya boleh menghalang butang daripada menghantar borang?

DDD
DDDasal
2024-12-02 05:28:11637semak imbas

How Can I Prevent a Button from Submitting a Form?

Menyesuaikan Gelagat Butang dalam Borang

Dalam borang, adalah perkara biasa untuk mempunyai butang yang mencetuskan tindakan yang berbeza, seperti menyerahkan borang atau menjalankan operasi lain. Walau bagaimanapun, dalam kes tertentu, adalah wajar untuk butang untuk tidak menyerahkan borang apabila diklik.

Masalah:

Pertimbangkan borang dengan dua butang: a " Butang Batalkan perubahan" dan butang "Serah". Kedua-dua butang mempunyai gaya butang UI jQuery yang digunakan. Walau bagaimanapun, butang "Batalkan perubahan" turut menyerahkan borang, walaupun ia tidak mempunyai atribut type="submit".

Penyelesaian:

Nilai lalai untuk jenis atribut elemen butang ialah "serahkan." Untuk menghalang butang daripada menyerahkan borang, tetapkan type="button":

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

Pengubahsuaian ini mengarahkan penyemak imbas bahawa butang itu harus "tidak berbuat apa-apa" apabila diklik, memastikan borang tersebut kekal tidak terjejas.

Nota Tambahan:

  • JQuery Fungsi butang UI() boleh digunakan untuk mempertingkatkan penampilan kedua-dua butang dan elemen input[type="button"].
  • Adalah penting untuk ambil perhatian bahawa tetapan type="button" akan melumpuhkan pengesahan borang untuk butang itu . Jika pengesahan dikehendaki, gunakan type="submit" sebaliknya.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menghalang butang daripada menghantar borang?. 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