jquery 确认和退出功能

Posted 2023-05-09

【中文标题】jquery 确认和退出功能

【英文标题】：jquery confirm and exit functionality

【发布时间】：2011-04-17 03:48:04

【问题描述】：

在显示的 html 页面中，window.onbeforeunload = confirmExit 代码放置在哪里，以便在显示验证 div 时，当用户单击取消或保存按钮时不会出现警报消息。如果用户单击或任何其他链接应该显示警报消息

如果点击任何其他链接，则应调用 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>

【问题讨论】：

请查看问题中的编辑

【参考方案1】：

在$(document).ready()，你的语法错误，

你忘了在.ready(function () .... );写function()

$(document).ready(function() 
   if(load_flag == 2) 
     $("#validate").css('display':'block');
     $("#start").css('display':'none');
     $("#confirm").css('display':'none');
     window.onbeforeunload = confirmExit ;
   
);

【讨论】：

这里还有几个语法错误，例如block和none需要用引号引起来，虽然.hide()、.show()和组合选择器会更整洁一些。跨度>