jquery确认和退出功能

jquery确认和退出功能,jquery,jquery-ui,jquery-selectors,jquery-validate,Jquery,Jquery Ui,Jquery Selectors,Jquery Validate,在显示的html页面中,其中是要放置的window.onbeforeunload=confirmExitcode,这样当显示validate div时,当用户单击cancel或save按钮时,警报消息不会出现。如果用户单击或任何其他链接,则应显示警报消息 如果单击任何其他链接,则应调用makeajaxcall()函数,然后继续 <div id="start" ></div> <div id="validate" > <input

在显示的html页面中,其中是要放置的
window.onbeforeunload=confirmExit
code,这样当显示validate div时,当用户单击cancel或save按钮时,警报消息不会出现。如果用户单击或任何其他链接,则应显示警报消息

如果单击任何其他链接,则应调用makeajaxcall()函数,然后继续

    <div id="start" ></div>
    <div id="validate" >
     <input type="button" /value="cancel" onclick="window.locatcation='cancel()'"> 
     <input type="button" /value="save" onclick="save()">
    </div>
   <div id="confirm" ></div>
  <input type="hidden" name="localchanges" id="localchanges" value="1">


   <script>
 function cancel()
 {
 $('lovalchanges').val('0');
  makeajaxcall();
 }

function makeajxcall()
{
     send request to server and get response 
}


$(document).ready({
 if(load_flag == 2)
{
 $("#validate").css({'display':block});
$("#start").css({'display':none});
 $("#confirm").css({'display':none});
  window.onbeforeunload = confirmExit ;
 }
  });
     function confirmExit()
    {
    var ele = document.getElementById ("localchanges") ;
   if (ele.value == "1")
   return "You have not saved any change made . Discard Changes ?" ;
   }

 </script>

函数cancel()
{
$('lovalchanges').val('0');
makeajaxcall();
}
函数makeajxcall()
{
向服务器发送请求并获取响应
}
$(文件)。准备好了吗({
如果(加载标志==2)
{
$(“#验证”).css({'display':block});
$(“#开始”).css({'display':none});
$(“#确认”).css({'display':none});
window.onbeforeunload=确认退出;
}
});
函数confirmExit()
{
var ele=document.getElementById(“localchanges”);
如果(元素值=“1”)
return“您尚未保存所做的任何更改。是否放弃更改?”;
}
$(document).ready()中,您的语法错误

您忘记在
.ready(function(){….})中编写
function()


请参见问题中的编辑这里还有几个语法错误,例如
block
none
需要加引号,但是
.hide()
.show()
和组合选择器会更整洁一些。
$(document).ready(function() {
   if(load_flag == 2) {
     $("#validate").css({'display':'block'});
     $("#start").css({'display':'none'});
     $("#confirm").css({'display':'none'});
     window.onbeforeunload = confirmExit ;
   }
});