當離開頁面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頁面