jquery - 如何检查表单是否已更改

Question

我们有一个包含多个字段的简单表单，如果用户进行任何修改，我们应该显示“保存”按钮，否则不应显示。当用户在下拉列表中选择某些内容并随后返回到原始值(例如从 ValA 到 ValB，然后最终到 ValA)时，您如何处理这种情况。我们应该如何在 Rails 应用程序中处理这个问题。

Answer 1

编辑

我做了一些更新。这不是最漂亮的，但已经晚了，这是我现在能做的最好的了。

添加了辅助函数来评估值并与对象中的现有值进行比较。如果存在，我们迭代一个变量。如果表单元素的长度与默认值的出现次数匹配，则我们隐藏显示按钮。我在函数中允许使用 2 个参数，即我们要检查其值的元素，以及我们希望切换其可见性的元素。

希望这有帮助。

$(function () {
  var defaults = {},
      eles =  $('form *').filter(':input'),
      btn = $('.submit');
  function checkEmpty(objs, toggle){
    var len = objs.length,
        occurences = 0;
    $.each(objs, function(i,obj){
      if(defaults[i].value == obj.value){
          occurences++;
      }
    });
    if(len == occurences){
        toggle.hide();
    }else{
        toggle.show(); 
    }
  }
  eles.each(function (i, ele) {
    defaults[i] = {
      'id': this.id,
      'value': this.value
    };
  });
  eles.on('keyup propertychange change paste input focusout', function (e) {
    checkEmpty(eles, btn);
  });
});

Your working example