javascript 解决表单仍然提交即使监听处理函数返回false


Posted in Javascript onMarch 14, 2010
<form action="https://3water.com" id="form"> 
<input type="text" /> 
<input type="submit" /> 
</form> 
<script> 
var code = function () { 
return false; 
}; 
var element = window.document.getElementById("form"); 
if (element.addEventListener) { 
element.addEventListener("submit", code, false); 
} 
</script>

修改后的Code:
<form action="https://3water.com" id="form"> 
<input type="text" /> 
<input type="submit" id="btnSubmit" name="btnSubmit" value="Submit" /> 
</form> 
<script> 
var code = function (eventObject) { 
if (eventObject.preventDefault) { 
eventObject.preventDefault(); 
} else if (window.event) /* for ie */ { 
window.event.returnValue = false; 
} 
return true; 
}; 
window.onload = function(){ 
var element = window.document.getElementById("form"); 
if (element.addEventListener) { 
element.addEventListener("submit", code, false); 
} else if (element.attachEvent) { 
element.attachEvent("onsubmit", code); 
} 
} 
</script>

备注:

1:preventDefault函数的使用请参考 https://developer.mozilla.org/en/DOM/event.preventDefault
2:DOM Events :http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-preventDefault

Javascript 相关文章推荐
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 Javascript
Javascript脚本实现静态网页加密实例代码
Nov 05 Javascript
用javascript关闭本窗口不弹出询问框的方法
Sep 12 Javascript
javascript实现树形菜单的方法
Jul 17 Javascript
js获取及判断键盘按键的方法
Dec 01 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
Jul 14 Javascript
angular写一个列表的选择全选交互组件的示例
Jan 22 Javascript
微信小程序实现的图片保存功能示例
Apr 24 Javascript
layui插件表单验证提交触发提交的例子
Sep 09 Javascript
原生JS与CSS实现软件卸载对话框功能
Dec 05 Javascript
2分钟实现一个Vue实时直播系统的示例代码
Jun 05 Javascript
jQuery第三课 修改元素属性及内容的代码
Mar 14 #Javascript
jQuery 第二课 操作包装集元素代码
Mar 14 #Javascript
jQuery入门第一课 jQuery选择符
Mar 14 #Javascript
使用JavaScript switch case 另类写法
Mar 14 #Javascript
两个JavaScript jsFiddle JSBin在线调试器
Mar 14 #Javascript
input的focus方法使用
Mar 13 #Javascript
JavaScript prototype对象的属性说明
Mar 13 #Javascript
You might like
php中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
数理公式,也可以这么唯美
2021/03/10 无线电
从阿里妈妈发现的几个不错的表单验证函数
2007/09/21 Javascript
很全的显示阴历(农历)日期的js代码
2009/01/01 Javascript
jQuery中not()方法用法实例
2015/01/06 Javascript
用svg制作富有动态的tooltip
2015/07/17 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
jQuery插件实现适用于移动端的地址选择器
2016/02/18 Javascript
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
2016/04/29 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
2016/05/03 Javascript
javascript实现一个网页加载进度loading
2017/01/04 Javascript
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
2017/03/28 NodeJs
JS获取日期的方法实例【昨天,今天,明天,前n天,后n天的日期】
2017/09/28 Javascript
详解用vue2.x版本+adminLTE开源框架搭建后台应用模版
2019/03/15 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
[20:21]《一刀刀一天》第十六期:TI国际邀请赛正式打响,总奖金超过550万
2014/05/23 DOTA
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
Python的一些用法分享
2012/10/07 Python
详解在Python程序中使用Cookie的教程
2015/04/30 Python
在Python的Django框架的视图中使用Session的方法
2015/07/23 Python
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
python urllib urlopen()对象方法/代理的补充说明
2017/06/29 Python
Python之NumPy(axis=0 与axis=1)区分详解
2019/05/27 Python
pyqt5 使用cv2 显示图片,摄像头的实例
2019/06/27 Python
利用Python优雅的登录校园网
2020/10/21 Python
HTML5地理定位与第三方工具百度地图的应用
2016/11/17 HTML / CSS
自我鉴定模板
2013/10/29 职场文书
生物制药自我鉴定
2014/01/25 职场文书
生日宴会主持词
2014/03/20 职场文书
教师节慰问信
2015/02/15 职场文书
2015年个人工作总结报告
2015/04/25 职场文书
七一晚会主持词
2015/06/29 职场文书
记者节感言
2015/08/03 职场文书
2016见义勇为事迹材料汇总
2016/03/01 职场文书