Méthode JavaScript pour déterminer si l'utilisateur a modifié les compétences form_javascript

L'exemple de cet article décrit comment JavaScript détermine si l'utilisateur a modifié le formulaire. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Ce code JS peut déterminer si l'utilisateur a modifié le contenu du formulaire. Si le formulaire est modifié et que le navigateur se ferme, il sera rappelé à l'utilisateur s'il doit enregistrer le contenu du formulaire.

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

Exemple d'utilisation : A la sortie du navigateur, si l'utilisateur modifie le formulaire, rappeler à l'utilisateur s'il doit le sauvegarder

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

Ce qui suit est un exemple de code complet

Copier le code Le code est le suivant :

Cliquez sur le bouton ci-dessous. Modifiez maintenant certaines valeurs dans le formulaire et cliquez. appuyez à nouveau sur le bouton.
f43895372a237ba55e5ff306792c578b
f9f8cb3fc15ff683ecb7aa897331e5170c6dc11e160d3b678d68754cc175188a
b29032f60b085ba7995634e35655630f0c6dc11e160d3b678d68754cc175188a
c168bd6da3307fe6b3da821d486b5e1e
           c6bf10f87f21e52d65963f148942bb74foo4afa15d3069109ac30911f04c56f3338
                                                                              18bb6ffaf0152bbe49cd8a36203463410c6dc11e160d3b678d68754cc175188a
559e5777f286a62b334df027bce5023f
952652e591fede9a3a3f5597cc096fc6Cliquez pour vérifier si le formulaire est sale65281c5ac262bf6d81768915a4a77ac0
0c6dc11e160d3b678d68754cc175188a
3f1c4e4b6b16bbbd69b2ee476dc4f83a
fonction formIsDirty(form) {
pour (var i = 0; i 9532b96c527737294ae1bca7d4b2b192

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.