当离开页面asp.net时，当文本框上有输入时，提示用户保存

Question

我使用jquery和javascript找到了几个解决方案，但是，它必须声明jquery中的所有字段，但它效率不高，因为我的表单上有30多个asp文本框，如何提示用户保存数据或更改已在页面卸载。

Answer 1

假设所有文本文本框都具有相同的样式类（下面使用'inputField'），您可以使用以下内容：

$( window ).unload(function() {
  if ($('.inputField').is(':empty')){
    alert('Please fill all text boxes');
  }
});

Answer 2

我用这个：

一定要在字段上设置default =“”属性！

function formIsDirty(form) {
    var i, j, element, type;
    if(typeof form === 'undefined') {
        return false;
    }

    for (i = 0; i < form.elements.length; i += 1) {
        element = form.elements[i];
        type = element.type;
        if (type === "checkbox" || type === "radio") {
            if (element.checked !== element.defaultChecked) {
                return true;
            }
        } else if (type === "hidden" || type === "password" || type === "text" || type === "textarea") {
            if (element.value !== element.defaultValue) {
                return true;
            }
        } else if (type === "select-one" || type === "select-multiple") {
            for (j = 0; j < element.options.length; j += 1) {
                if (element.options[j].selected !== element.options[j].defaultSelected) {
                    return true;
                }
            }
        }
    }
    return false;
}


$( window ).unload(function() {
    if(formIsDirty(document.forms["formName"])) {
        return confirm("There are unsaved changes, leave this page?");
    }
}

作为额外提示，当您在asp中生成页面时，如果将default =“”属性设置为数据库中的当前值，则不仅可以检测它是否为空，而且还可以检测该值是否已更改。

这也允许正确使用form.reset（）按钮/方法（ 这里是w3Schools页面