javascript - 有没有办法在 JavaScript 中检查表单是否脏？

Question

我在 java 脚本中有一个表单验证器示例。在这种情况下，有没有办法检查表单是否脏？

我的平台是 JavaScript

请在下面找到相应的示例，并提出任何解决方案。

示例链接

代码片段：我曾经使用过：

if (name.value != name.defaultValue) { 
    alert("#name has changed"); 
    }

Answer 1

你有 kendo-ui-grid 和 kendo-validator 标签，所以我想你正在使用 kendo 框架。如果您想查看表单是否脏，您应该检查 kendo 方式示例中的视图模型。

基本上，我创建了一个 viewModel，它实现了 ObservableObject 接口，并与表单的容器有两种方式绑定。每次您更改表单中的某些内容时，都会在视图模型中触发更改事件，该视图模型将变量（脏）设置为 true。

var dirty = false;
var viewModel = new kendo.data.ObservableObject({
    fullname: "test"
});
viewModel.bind("change", function () {
    alert("changed");
    dirty = true;
});
kendo.bind($("#tickets"), viewModel);

在 ObservableObject 中添加您需要“观察”的所有字段并在其标记上设置属性data-bind="value:fieldName"

Answer 2

你可以使用 JQuery 这样的东西......

var _isDirty = false;
$("input[type='text']").change(function(){
  _isDirty = true;
});

Answer 3

当您在表单中编辑任何内容时，您需要一个全局布尔变量来记住。

这个变量最初应该是假的，然后当用户编辑输入时，它会变为真。当您提交表单时，它会变回 false。现在您可以随时检查脏变量是真还是假。

示例代码：

var dirty = false;

var inputs = document.querySelectorAll('input');
for (var i = 0;i < inputs.length)
{
    var input = inputs[i];
    input .addEventListener('input', function()
    {
        dirty = true;
    });
}

var form = document.forms[0];
form.addEventListener('submit, function()
{
    dirty = false;
}