Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Melaksanakan Kotak Dialog Pengesahan atau Pembatalan untuk Penyerahan Borang JavaScript?

Bagaimana untuk Melaksanakan Kotak Dialog Pengesahan atau Pembatalan untuk Penyerahan Borang JavaScript?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-30 16:11:02192semak imbas

How to Implement a Confirmation or Cancellation Dialog Box for JavaScript Form Submissions?

Penyerahan Borang JavaScript: Melaksanakan Kotak Dialog Sahkan atau Batal

Untuk meningkatkan pengalaman pengguna, selalunya wajar untuk memberikan gesaan pengesahan atau pembatalan sebelum menghantar borang. Artikel ini meneroka cara untuk melaksanakan kotak dialog sedemikian menggunakan JavaScript.

Pernyataan Masalah:

Borang mudah memerlukan dialog makluman apabila butang diklik, menawarkan dua pilihan:

  • Mengklik "OK" mencetuskan penyerahan borang.
  • Mengklik "Batal" menutup kotak makluman, membenarkan pengguna melaraskan borang dan menyerahkan semula.

Penyelesaian:

Sahkan JavaScript Sebaris

Cara mudah untuk memaparkan dialog pengesahan adalah melalui JavaScript sebaris:

<code class="javascript"><form onsubmit="return confirm('Do you really want to submit the form?');"></code>

Kod ini menambahkan pengendali acara semasa diserahkan pada borang. Apabila butang hantar diklik, ia melaksanakan gesaan confirm() yang mengembalikan nilai boolean yang menunjukkan pilihan pengguna.

Pengesahan dan Pengesahan

Untuk borang yang memerlukan pengesahan , pendekatan yang lebih komprehensif boleh digunakan:

<code class="javascript">function validate(form) {
  // Validation code here...

  if (!valid) {
    alert('Please correct the errors in the form!');
    return false;
  } else {
    return confirm('Do you really want to submit the form?');
  }
}</code>

Dalam contoh ini, fungsi validate() melaksanakan pengesahan borang yang diperlukan dan mengembalikan palsu jika ralat dikesan. Jika borang itu sah, ia mengembalikan benar dan dialog confirm() ditunjukkan, membenarkan pengguna meneruskan penyerahan atau membatalkan.

<code class="javascript"><form onsubmit="return validate(this);"></code>

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Kotak Dialog Pengesahan atau Pembatalan untuk Penyerahan Borang JavaScript?. 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