Bagaimanakah Saya Boleh Melaksanakan Dialog Pengesahan Penyerahan Borang JavaScript dengan Pilihan Serah dan Batal?

Penyerahan Borang JavaScript: Dialog Pengesahan dengan Pilihan Penyerahan dan Pembatalan

Menggunakan Dialog Pengesahan JavaScript Sebaris

Untuk melaksanakan dialog pengesahan serah borang dengan pilihan untuk menyerahkan atau membatalkan, anda boleh menggunakan dialog pengesahan JavaScript sebaris. Dialog ini memaparkan mesej pop timbul yang menggesa pengguna mengesahkan penyerahan borang dan menyediakan dua butang: "OK" dan "Batal."

Untuk menggunakan dialog pengesahan JavaScript sebaris, tambah kod berikut pada HTML anda borang:

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

Menggunakan Fungsi Luaran untuk Pengesahan dan Pengesahan

Jika anda perlu melakukan pengesahan tambahan sebelum menggesa pengguna untuk pengesahan, anda boleh mencipta fungsi JavaScript luaran untuk kedua-dua pengesahan dan pengesahan. Begini cara untuk melakukannya:

1. Buat fungsi JavaScript yang melaksanakan pengesahan dan mengembalikan nilai Boolean (benar untuk sah, palsu untuk tidak sah).

<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>

2. Tambahkan fungsi pada pengendali acara onsubmit borang HTML anda.

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

Menyesuaikan Dialog Pengesahan

Anda boleh menyesuaikan mesej dan label butang dialog pengesahan menggunakan mesej dan butang pilihan dalam fungsi confirm(). Contohnya:

<code class="javascript">confirm({
  message: 'Are you sure you want to continue?',
  buttons: ['Yes', 'No', 'Cancel']
});</code>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Dialog Pengesahan Penyerahan Borang JavaScript dengan Pilihan Serah dan Batal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!