Javascript：在提交之前快速检查表单内容是否已更改

Question

简单的问题（我猜）...... 我是一个“编辑元素”的html表单。 作为页面加载，表单填充当前元素属性（例如，名称等） 我可以修改一些输入字段，甚至决定不这样做但我在提交按钮上点击相同，因为它是唯一可用的。

我的问题： 是否有输入元素的属性/属性包含我可以访问的初始输入值，以便在我单击提交按钮时将它们与当前输入值进行比较？ 换一种说法： 有没有一种快速的方法来检查在提交表单之前是否至少有一个输入字段已被更改？ （如果不是真的需要更新，那么要停止事件） （我的意思是“真的改变了”，当我修改某些内容时不考虑改变，而是像以前一样重写它）

我想要一个最小的例子： 如何检查简单的输入文本“名称”是否已更改

P.S。 当然，要触发“check-if-something-changed”功能， 如果我决定使用纯javascript，我会在使用jQuery时使用onSubmit事件，我会使用类似的东西：

$('#formMod').submit(function(){ ...

感谢。

Answer 1

您可以使用输入元素defaultValue dom属性：

function validateInput(input) {
    if (input.value == input.defaultValue) {
        alert("Please change field.");
        return false;
    }
    return true;
}