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

Question

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

Answer 1

我用这个：

确保在您的字段中设置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页面在这里 )

Answer 2

假设所有文本框都具有相同的样式类(下面使用“inputField”)，则可以使用以下内容：

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