Question

我有几个输入字段和值。这是投射给用户的。用户可以修改这些值并提交它们。提交时，我需要检查哪个输入字段已被修改。

我可以比较之前的字段和当前字段并检查。但我试图找到更优化的方法来做到这一点。我可以使用javascript，php，jquery和html技巧

Answer 1

<input id="input1" value="someValue" type="text">
<input id="input2" value="someValue" type="text">

<强>脚本：

$('input').on('change',function(){
  var id = $(this).attr('id');
  alert("input field is modified : ID = " + id);
});

Answer 2

您可以创建2个不同的输入，1个隐藏类似originalVal的类，1个可见每个输入。

然后提交你做类似的事情：

$('input').each(function(){
     var currentVal = $(this).val();
     var originalVal = $(this).closest('.originalVal').val()
     if(currentVal  != originalVal){
          //This input has changed
     }
})

Answer 3

由于没有给出代码，您可以比较输入中的内容与现在的内容进行比较。

HTML输入：

<input type="text" id="testInput" value="DB Value"/>

的jQuery

var modifiedInputs = [];
var oldVal = "";

$("#testInput").focus(function() {
    oldVal = this.value;
}).blur(function() {
    console.log("Old value: " + oldVal + ". New value: " + this.value);

    //If different value, add to array:
    if (this.value != oldVal) {
        modifiedInputs.push(this.id);
    }
});

小提琴：http://jsfiddle.net/tymeJV/tfmVk/1/

编辑：进一步修改输入，如果更改的值与原始值不同，则将元素ID推送到数组。

Answer 4

我想说你最好的选择是从输入字段中获取初始值，然后稍后对它们进行比较。然后，只需在单击提交按钮后进行比较。例如，将它放在$（document）.ready（）中的某处，这样它将检索初始值。

var oldValue=[];
$('input').each(function(){
    oldValue.push($(this).val());
});

然后您可以在以后点击提交时进行比较。

Answer 5

你可以像这样

比较默认值

for(var i in formObj)
    if('value' in formObj[i] && formObj[i].value!=formObj[i].defaultValue){
        //do what ever here ...
    }

如何查找修改了哪个输入字段？

5 个答案: