我怎么知道一个表单输入了哪些变化？ [英] How do I know that a form input has changed?

问题描述

我有生成的表格＆LT;％Ajax.BeginForm（）{}方式＆gt; ，其中包含了大量的投入和texareas

I have a form generated by <% Ajax.BeginForm() {} %> which contains a lot of inputs and texareas.

当输入值的变化，我需要了解它，并标记输入和形式脏。如果用户试图离开页面而不保存，我会问他或她确认放弃更改。

When an input value change, I need to know about it and mark the input and the form as "dirty". If the user tries to leave the page without saving, I will ask him or her to confirm abandoning changes.

任何建议给这个应该怎么做？

Any suggestion to how this should be done?

推荐答案

HTML控件包括持有原始值的属性。你可以比较当前值这个值，看看是否有过任何改变。

The html controls include a property that holds the original value. You could compare this value with the current value to see if there have been any changes.

function getHasChanges() {
    var hasChanges = false;

    $(":input:not(:button):not([type=hidden])").each(function () {
        if ((this.type == "text" || this.type == "textarea" || this.type == "hidden") && this.defaultValue != this.value) {
            hasChanges = true;
            return false;             }
        else {
            if ((this.type == "radio" || this.type == "checkbox") && this.defaultChecked != this.checked) {
                hasChanges = true;
                return false;                 }
            else {
                if ((this.type == "select-one" || this.type == "select-multiple")) {
                    for (var x = 0; x < this.length; x++) {
                        if (this.options[x].selected != this.options[x].defaultSelected) {
                            hasChanges = true;
                            return false;
                        }
                    }
                }
            }
        }
    });

    return hasChanges;
}

function acceptChanges() {
    $(":input:not(:button):not([type=hidden])").each(function () {
        if (this.type == "text" || this.type == "textarea" || this.type == "hidden") {
            this.defaultValue = this.value;
        }
        if (this.type == "radio" || this.type == "checkbox") {
            this.defaultChecked = this.checked;
        }
        if (this.type == "select-one" || this.type == "select-multiple") {
            for (var x = 0; x < this.length; x++) {
                this.options[x].defaultSelected = this.options[x].selected
            }
        }
    });
}

这篇关于我怎么知道一个表单输入了哪些变化？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！