Bagaimanakah Aplikasi Web Boleh Menghalang Kehilangan Data Borang Tidak Disimpan dengan Amanah?

Menghalang Keluar Borang Tidak Disimpan

Banyak aplikasi web menampilkan borang yang membolehkan pengguna memasukkan dan mengedit data. Mencegah kehilangan data yang tidak diingini apabila pengguna menavigasi keluar dari borang ini atau menutup tab penyemak imbas ialah langkah keselamatan yang penting. Artikel ini meneroka penyelesaian komprehensif untuk masalah ini dengan analisis terperinci tentang pelbagai pendekatan.

Penyelesaian Cacat jangka pendek

Percubaan untuk mengendalikan acara sebelum pemuatan dan mengembalikan a rentetan bukan nol muncul untuk menangani isu itu. Walau bagaimanapun, pendekatan ini gagal apabila pengguna menyerahkan borang, yang turut mencetuskan acara pemunggahan. Untuk mengurangkan ini, bendera boleh diperkenalkan untuk menunjukkan bahawa borang sedang diserahkan. Walau bagaimanapun, penyelesaian ini kekal bermasalah kerana ia tidak mengambil kira perubahan sebenar yang dibuat pada borang.

Penyelesaian Ideal: Memanfaatkan Bendera "Kotor"

Sebuah yang lebih komprehensif pendekatan melibatkan penggunaan bendera "kotor" yang hanya mencetuskan amaran apabila perubahan bentuk yang ketara berlaku. Kaedah ini menggabungkan acara sebelum pemunggahan dengan fungsi isDirty, yang mengesan sama ada sebarang nilai bentuk yang berkaitan telah diubah.

Menentukan Status "Kotor"

Melaksanakan fungsi isDirty melibatkan beberapa pertimbangan:

• jQuery: Menggunakan borang jQuery siri mungkin mempunyai pengehadan, kerana ia hanya berfungsi pada elemen yang dinamakan, tidak dilumpuhkan.
• Acara: Acara Penekanan kekunci adalah terhad dan mungkin tidak menangkap semua perubahan.
• Peristiwa perubahan juga mempunyai had dalam mengesan JavaScript -perubahan yang disebabkan.

Mengelakkan Pengendalian Acara Perangkap

• Acara tekan kekunci: Jangan tutup kotak pilihan, butang radio, perubahan yang dicetuskan tetikus, ketukan kekunci yang tidak berkaitan atau nilai yang diubah suai JavaScript.
• Tukar acara: Juga terlepas JavaScript-ubah suai nilai.
• Acara input: Kurang keserasian penyemak imbas dan tidak menangkap semua jenis perubahan.

Perpustakaan Pihak Ketiga untuk Kesederhanaan

Daripada mencipta semula roda, pertimbangkan untuk menggunakan yang mantap perpustakaan:

• jquery.dirty: Mengesan perubahan borang dan menyediakan pilihan konfigurasi yang mudah.
• jQuery's Are You Sure?plugin: Menawarkan pendekatan yang lebih disesuaikan tetapi mungkin terhad keserasian.

Had Pelayar:

Firefox 4 menghentikan sokongan untuk mesej tersuai dalam dialog pengesahan nyahmuat. Chrome 51 juga mengalih keluar ciri ini. Pertimbangkan untuk menggunakan mesej yang lebih generik.

Atas ialah kandungan terperinci Bagaimanakah Aplikasi Web Boleh Menghalang Kehilangan Data Borang Tidak Disimpan dengan Amanah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!