提示，点击差异标签，保存之前

Question

我的页面有很多标签，我想给出一个提示框，里面写着“你想保存更改吗？”如果用户更改页面中的任何内容，而不点击页面中提供的保存按钮，他将点击diff标签。

Answer 1

我想JavaScript可以处理这个。为此，技术上有不同的方法。其中之一是有一个功能，将验证字段/页面是否有任何更改。该功能将首先由其他选项卡功能调用。

在加载页面时，将字段的所有值存储在一个变量或隐藏字段中作为连接。但是你可以通过变量分开它，然后再连接它。

ex. var gOldValue = 'value1value2value3....'; //The value1.... is generated via JSP 

创建一个将gOldValue值与包含在该gOldValue这是基础，如果有在网页的变化各领域的当前值的函数。

function isPageChanged(form){ 
    var currentValue = ""; 
    for(var i = 0; i < form.length; i++){ 
     //Assuming all elements in the form have the value that stored in `gOldValue` 
     //upon loading. Now check its current value if will be same. 
     currentValue += form.elements(i).value; 
    } 

    //Return a value that will indicate that pages have been changed 
    if(gOldValue != currentValue){ 
     return true;    
    }   
    return false; 

} 

其他选项卡在执行主函数之前可能会先调用isPageChanged（）函数。

<input type="button" onClick="showNextPage()" value="Next" />.... 

function showNextPage(){ 
    if(isPageChanged()){ 
     var isConfirm = confirm("Do you want to save changes"); 
     if(isConfirm){ 
      //Save the changes 
     } 
    } 
    //Else do some stuff... 

}