JavaScript-Methode, um festzustellen, ob der Benutzer die form_javascript-Fähigkeiten geändert hat

Das Beispiel in diesem Artikel beschreibt, wie JavaScript ermittelt, ob der Benutzer das Formular geändert hat. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Mit diesem JS-Code kann festgestellt werden, ob der Benutzer den Formularinhalt geändert hat und der Browser beendet wird. Dies ist ein sehr nützlicher Code.

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

Verwendungsbeispiel: Wenn der Benutzer beim Verlassen des Browsers das Formular ändert, erinnern Sie ihn daran, ob es gespeichert werden soll

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.";
 }
};

Das Folgende ist ein vollständiger Beispielcode

Code kopieren Der Code lautet wie folgt:

Klicken Sie nun auf die Schaltfläche unten und klicken Sie auf die Taste erneut.
2fda86d4b1e3d85a633406660136b8cf
f9f8cb3fc15ff683ecb7aa897331e5170c6dc11e160d3b678d68754cc175188a
b29032f60b085ba7995634e35655630f0c6dc11e160d3b678d68754cc175188a
c756ced4d8d2ce1b2bd96662c397dffc
           c6bf10f87f21e52d65963f148942bb74foo4afa15d3069109ac30911f04c56f3338
                                                                                18bb6ffaf0152bbe49cd8a36203463410c6dc11e160d3b678d68754cc175188a
f5a47148e367a6035fd7a2faa965022e
952652e591fede9a3a3f5597cc096fc6Klicken Sie, um zu überprüfen, ob das Formular fehlerhaft ist65281c5ac262bf6d81768915a4a77ac0
0c6dc11e160d3b678d68754cc175188a
3f1c4e4b6b16bbbd69b2ee476dc4f83a
Funktion formIsDirty(form) {
for (var i = 0; i acfc6be225f78c7a8602ad035a4d5b14

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.