Есть ли способ проверить, грязная ли форма или нет в JavaScript?

Вы можете использовать JQuery примерно так ...

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

Вам нужна глобальная логическая переменная, которую нужно помнить, когда вы редактируете что-либо в вашей форме.

Эта переменная изначально должна иметь значение false, затем, когда пользователь редактирует ввод, она изменяется на true. Когда вы отправляете форму, она снова становится 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;
}

у вас есть такие теги, как kendo-ui-grid и kendo-validator, поэтому я полагаю, вы используете структуру kendo. если вы хотите увидеть, не загрязнена ли форма, вы должны проверить viewModel в кендо способом образец.

в основном я создал viewModel, который реализует интерфейс ObservableObject и имеет двустороннюю привязку к контейнеру формы. Каждый раз, когда вы что-то меняете в форме, в viewModel запускается событие изменения, которое устанавливает для переменной (dirty) значение 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"