Kaedah JavaScript untuk menentukan sama ada pengguna telah mengubah suai kemahiran form_javascript

Contoh dalam artikel ini menerangkan cara JavaScript menentukan sama ada pengguna telah mengubah suai borang. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kod JS ini boleh menentukan sama ada pengguna telah mengubah suai kandungan borang Jika borang diubah suai dan pelayar keluar, pengguna akan diingatkan sama ada untuk menyimpan kandungan borang itu.

function formIsDirty(form) {
 for (var i = 0; i < form.elements.length; i++) {
  var element = form.elements[i];
  var type = element.type;
  if (type == "checkbox" || type == "radio") {
   if (element.checked != element.defaultChecked) {
    return true;
   }
  }
  else if (type == "hidden" || type == "password" ||
       type == "text" || type == "textarea") {
   if (element.value != element.defaultValue) {
    return true;
   }
  }
  else if (type == "select-one" || type == "select-multiple") {
   for (var j = 0; j < element.options.length; j++) {
    if (element.options[j].selected !=
      element.options[j].defaultSelected) {
     return true;
    }
   }
  }
 }
 return false;
}

Contoh penggunaan: Apabila keluar dari penyemak imbas, jika pengguna mengubah suai borang, ingatkan pengguna sama ada untuk menyimpannya

window.onbeforeunload = function(e) {
 e = e || window.event; 
 if (formIsDirty(document.forms["someForm"])) {
  // For IE and Firefox
  if (e) {
   e.returnValue = "You have unsaved changes.";
  }
  // For Safari
  return "You have unsaved changes.";
 }
};

Berikut ialah kod sampel lengkap

Salin kod Kod adalah seperti berikut:

Klik pada butang di bawah Sekarang tukar beberapa nilai dalam bentuk dan klik butang lagi.

           foo
                                                                                                                                                                                                                                       


Klik untuk menyemak sama ada Borang Kotor



function formIsDirty(form) {
untuk (var i = 0; i < form.elements.length; i ) {
elemen var = form.elements[i];
var type = element.type;
Jika (taip == "kotak semak" || taip == "radio") {
Jika (element.checked != element.defaultChecked) {
        kembali benar;
}
}
else if (taip == "tersembunyi" || taip == "kata laluan" ||
taip == "teks" ||. taip == "textarea") {
Jika (element.value != element.defaultValue) {
        kembali benar;
}
}
​ else if (taip == "select-one" || type == "select-multiple") {
untuk (var j = 0; j < element.options.length; j ) {
Jika (elemen.pilihan[j].dipilih !=
                element.options[j].defaultSelected) {
          kembali benar;
}
}
}
}
pulangkan palsu;
}

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.