Javascript:在提交前检查表单内容是否已更改的快速方法

Question

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

我的问题:是否有包含初始输入值的输入元素的属性/属性，当我单击提交按钮时，我可以访问这些初始输入值以将它们与当前值进行比较？换句话说:有没有一种快速的方法来检查在提交表单之前是否至少更改了一个输入字段？ (所以如果真的不需要更新就停止事件)(我的意思是“真正改变了”，当我修改某些东西但像以前一样重写它时，不认为是改变)

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

附言当然，要触发“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;
}