`
康敏栋
  • 浏览: 171113 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

当填写了内容未保存时直接点击其他链接或者直接关闭提醒

阅读更多
如题,百度知道回答问题时或者oschina中写博客时,填写了关闭或者点击其他链接或刷新会提醒是否离开页面,如果未填写内容则不提醒.


实现代码
//先获取字段值,还需字段只要在#cardserialno, #assetsname后面添加字段
		jQuery(document).ready(function(){ 
		     jQuery("#cardserialno, #assetsname").each(function() { 
		     jQuery(this).attr('_value', jQuery(this).val()); 
		     }); 
	     }); 
		window.onbeforeunload = function() { 
		    if(is_form_changed()) { 
		     return "您的修改内容还没有保存,您确定离开吗?"; 
		    } 
	   } 
	   function is_form_changed() { 
	     var t_save = jQuery("#close"); //检测页面是否点击关闭按钮 
	     if(t_save.length>0) { //检测到关闭按钮,继续检测元素是否修改 
	         var is_changed = false; 
	         jQuery("#cardserialno, #assetsname").each(function() { 
	         var _v = jQuery(this).attr('_value'); 
	         if(typeof(_v) == 'undefined')  _v = ''; //将现在和加载时的字段值做比较
	         if(_v != jQuery(this).val()) is_changed = true; 
	     }); 
	     return is_changed; 
	    } 
	    return false; 
	   } 
  • 大小: 19.6 KB
分享到:
评论

相关推荐

    js 实现在离开页面时提醒未保存的信息(减少用户重复操作)

    - `onbeforeunload`事件:这是HTML元素的一个事件,当浏览器窗口即将卸载(例如,用户点击链接、刷新或关闭窗口)时触发。在`<body>`标签中,我们添加了`onbeforeunload`属性,并将其值设置为`return CheckUnsave()...

    离开页面时候的警告

    标题中的“离开页面时候的警告”指的是在用户尝试离开一个网页时,网页通过JavaScript或者其他技术显示的提示信息,通常用于确认用户是否真的想要离开,或者提醒用户保存未完成的工作。这种功能常见于在线表单填写、...

    可以自动控制网页操作的浏览器MutouBrowser(Pro).rar

    木头多功能浏览器(专业版)可以生成自动刷新网页监控网页局部内容变化、网页自动点击、自动批量填写表单等功能。 木头多功能浏览器(专业版)完美支持HTML5,多用户多选项卡的调整网页浏览器。在一台电脑上实现登录同...

    ASPCMS 开源企业网站建设系统 v2.6.6 GBK(直接使用版).zip

    4.修复GBK版在后台设置UTF8模式时保存配置文件乱码 5.修改后台默认为全功能版本登陆 6.不再支持模板和编码设置不统一的杂交模式 7.utf8模板不再要求以.utf格式命名文件夹 8.修改在手机版关闭时生成静态不再加载...

    天天看盘网股市突发异动实时监控提醒

    - 在基本信息栏中填写相应内容,如监控的目标网址等。 - 在“文本过滤”选项中,选择过滤重复文本的功能,避免接收到重复的消息。 - 对于“链接过滤”,可以选择不过滤重要内容,以便于获取更多有用信息。 - ...

    TFS Bug管理使用教程

    填写标题、指派给的人员以及详细信息,其他字段如状态、优先级和严重级别通常使用默认值。保存工作项后,Bug即创建成功。 2. **查询Bug** 在团队资源管理器的“工作项”下,你可以创建各种查询,例如“我的查询”...

    骑士PHP人才系统 4.2.66.zip

    修正 后台添加、修改页面时“链接优化”字段保存无效;修正 简历详细页设为伪静态,企业收到的简历点击查看后仍显示未查看;修正 简历完整度送随机红包发放报错问题;修正 委托投递简历匹配列表分页问题;修正 后台...

    团购网站源码:天天团购系统 v1.3.6 Build 20110328.rar

    23、友情链接:支持后台添加文字或者图片友情链接; 24、关于我们:管理员可后台设置关于我们、联系我们、加入我们等信息; 25、互动管理:管理员后台可以回答问题,答复后的问题会在前台显示; 26、城市管理:可...

    《程序天下:JavaScript实例自学手册》光盘源码

    8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的注释 8.11 为超链接同时绑定单击和...

    程序天下:JavaScript实例自学手册

    8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的注释 8.11 为超链接同时绑定单击和...

    开源团购系统网站源码 团购程序免费团购,团购源码,团购系统,团购网站,团购程序

    23、友情链接:支持后台添加文字或者图片友情链接; 24、关于我们:管理员可后台设置关于我们、联系我们、加入我们等信息; 25、互动管理:管理员后台可以回答问题,答复后的问题会在前台显示; 26、城市管理:可...

    FireFox 3.0 beta 推荐的扩展打包

    searchwp 可以把搜索栏当查找栏用的好东东,用了它才知道有多棒 <br>文区缓存 textareaCache 是否有在提交文本区域之前页面却意外关闭,辛苦写的东西却没有保存下来,有了她会帮你定时保存,以防意外!...

    javaOA系统源码 java项目

    主要填写会议主题、内容、主持人、与会人等。会议记录管理包括修改、删除、是否公开等,实时存储与显示。 9、制度管理:用户可将各部门规章制度文件上传到系统,浏览制度可在“单位制度”栏进行浏览、下载。同时,...

    开源团购源码 v2.0.rar

    23、友情链接:支持后台添加文字或者图片友情链接; 24、关于我们:管理员可后台设置关于我们、联系我们、加入我们等信息; 25、互动管理:管理员后台可以回答问题,答复后的问题会在前台显示; 26、城市管理...

    精易模块[源码] V5.15

    5、修正“类_APIHOOK->取地址”当安装时不填后缀,而取地址填写后无法获取已安装地址BUG,感谢易友【@ChongZi】反馈。 6、修正“窗口_枚举所有子窗口”当过滤类名输入空符号或一段空文本后无法枚举的BUG,感谢易友...

    精品团购网站

    23、友情链接:支持后台添加文字或者图片友情链接; 24、关于我们:管理员可后台设置关于我们、联系我们、加入我们等信息; 25、互动管理:管理员后台可以回答问题,答复后的问题会在前台显示; 26、城市管理...

    电子商务商城网站代码

    在用户选购好商品去结账时,根据结账页面的“本单积分支付额度:XX~XXX”给出的范围,将您想要支付的积分数额填写在“商品支付积分合计:”栏中,订单生成时会自动减少相应的支付金额。积分不可以购买非积分类商品...

    EDiary电子记事本

    ·修正:运行EDiary时关机,下次启动时会提示未正常关闭; ·修正:自动调整日记题头中的天气时有时会不正常; ·修正:最小化后点通知区的图标时,窗口不显示; V2.1 版改进(2003.3.31): ·增加:日常工具:行事...

Global site tag (gtag.js) - Google Analytics