【问题标题】:jquery confirm and exit functionalityjquery 确认和退出功能
【发布时间】: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>

【问题讨论】:

  • 请查看问题中的编辑

标签: jquery jquery-ui jquery-selectors jquery-validate


【解决方案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 ;
   }
});

【讨论】:

  • 这里还有几个语法错误,例如blocknone需要用引号引起来,虽然.hide().show()和组合选择器会更整洁一些。跨度>
猜你喜欢
  • 1970-01-01
  • 2014-10-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多