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

Question

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

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

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

PS当然,要触发"check-if-something-changed"功能,如果我决定使用纯javascript,我会在使用jQuery时使用onSubmit事件,我会使用类似的东西:

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

谢谢.

Answer 1

您可以使用input元素defaultValuedom属性:

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