Artikel ini menjelaskan metode JavaScript untuk menentukan apakah pengguna telah memodifikasi formulir. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Kode JS ini dapat menentukan apakah pengguna telah memodifikasi konten formulir. Jika formulir dimodifikasi dan keluar dari browser, itu akan mengingatkan pengguna apakah akan menyimpan konten formulir. Ini adalah kode yang sangat berguna.
Function FormisDirty (Form) {for (var i = 0; i <form.elements.length; i ++) {var elemen = form.elements [i]; var type = element.type; if (type == "centang kotak" || type == "radio") {if (element.checked! = element.defaultChecked) {return true; }} lain jika (type == "tersembunyi" || type == "kata sandi" || type == "teks" || type == "textarea") {if (element.value! = element.defaultValue) {return true; }} lain if (type == "select-one" || type == "select-multiple") {for (var j = 0; j <element.options.length; j ++) {if (element.options [j] .pilih! = element.options [j] .default dipilih) {return true; }}} return false;}Contoh Penggunaan: Saat keluar dari browser, jika pengguna memodifikasi formulir, pengguna akan diingatkan apakah akan menyimpannya.
window.onbeforeunload = function (e) {e = e || window.event; if (formisdirty (document.forms ["someform"])) {// untuk yaitu dan firefox if (e) {e.returnValue = "Anda memiliki perubahan yang belum diselamatkan."; } // untuk safari return "Anda memiliki perubahan yang belum disimpan."; }};Berikut adalah kode contoh lengkap
Salinan kode adalah sebagai berikut: Klik tombol di bawah ini. Sekarang ubah beberapa nilai dalam bentuk dan klik tombol lagi.
<bentuk nama = "fooform">
<input type = "text" name = "t"> <br>
<input type = "text" name = "2" value = "default"> <br>
<Pilih name = "beberapa">
<Option value = "fooo" dipilih = ""> foo </pection>
<Option value = "bar"> bar </pection>
</pilih> <br>
</form>
<Tombol OnClick = "Peringatan (FormisDirty (Document.Fooform))"> Klik untuk memeriksa apakah formulir kotor </button>
<br>
<script>
Function FormisDirty (Form) {
untuk (var i = 0; i <form.elements.length; i ++) {
var elemen = form.elements [i];
var type = element.type;
if (type == "centang kotak" || type == "radio") {
if (element.checked! = element.defaultChecked) {
Kembali Benar;
}
}
lain jika (type == "tersembunyi" || type == "kata sandi" ||
type == "teks" || type == "textarea") {
if (element.value! = element.defaultValue) {
Kembali Benar;
}
}
lain jika (type == "select-one" || type == "select-multiple") {
untuk (var j = 0; j <element.options.length; j ++) {
if (element.Options [j] .PoSTED! =
element.options [j] .defaultSelected) {
Kembali Benar;
}
}
}
}
mengembalikan false;
}
</script>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.