jquery确认和退出功能
在显示的html页面中,其中是要放置的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
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 ;
}
});