Question

我一直在尝试实现jquery.safetynet插件，但是我在使用复选框和多个浏览器时遇到了困难。（阅读：必须与ie6兼容）

即使我真的喜欢它，我也决定放弃这个实现。

您是否有一个很好的建议进行脏场检查并提示：导航，刷新，浏览器关闭？

谢谢！

Answer 1

使用window.onbeforeunload在页面卸载时收到通知。要检查表单中是否有任何内容，您可以查询所有输入，选择并查看值是否与加载页面时的值不同。

我从网上复制粘贴此内容以检查表单中是否修改了任何值

window.onbeforeunload = function(e) {
   if (isFormModified(document.getElementById('form-id-goes-here'))) {
     return e.returnValue = "You have unsaved data in your form";
   }
}

function isFormModified(oForm)
{
    var el, opt, hasDefault, i = 0, j;
    while (el = oForm.elements[i++]) {
        switch (el.type) {
            case 'text' :
            case 'textarea' :
            case 'hidden' :
                if (!/^\s*$/.test(el.value) && el.value != el.defaultValue) {
                    return true;
                }
                break;
            case 'checkbox' :
            case 'radio' :
                if (el.checked != el.defaultChecked) {
                    return true;
                }
                break;
            case 'select-one' :
            case 'select-multiple' :
                j = 0, hasDefault = false;
                while (opt = el.options[j++]) {
                    if (opt.defaultSelected) { 
                        hasDefault = true; 
                    }
                }
                j = hasDefault ? 0 : 1;
                while (opt = el.options[j++]) {
                    if (opt.selected != opt.defaultSelected) {
                      return true;
                    }
                }

                break;
        }
    }
    return false;
}

当字段变脏，多浏览器实现时，jScript确认导航离开？

1 个答案: