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 相关文章推荐
限制文本字节数js代码
Mar 06 Javascript
iis6+javascript Add an Extension File
Jun 13 Javascript
jquery 弹出层注册页面等(asp.net后台)
Jun 17 Javascript
一个原生的用户等级的进度条
Jul 03 Javascript
Javascript单元测试框架QUnitjs详细介绍
May 08 Javascript
JavaScript中的时间处理小结
Feb 24 Javascript
微信小程序 Page()函数详解
Oct 17 Javascript
jquery网页日历显示控件calendar3.1使用详解
Nov 24 Javascript
利用Vue.js实现求职在线之职位查询功能
Jul 03 Javascript
JavaScript学习笔记之DOM操作实例分析
Jan 08 Javascript
vue 组件简介
Jul 31 Javascript
在vue中axios设置timeout超时的操作
Sep 04 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实现12306余票查询、价格查询示例
2014/04/17 PHP
PHP简单获取视频预览图的方法
2015/03/12 PHP
php检测图片主要颜色的方法
2015/07/01 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
jquery动态增加text元素以及删除文本内容实例代码
2013/07/01 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
2014/06/16 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
JavaScript实现点击按钮就复制当前网址
2015/12/14 Javascript
jQuery validate插件实现ajax验证重复的2种方法
2016/01/22 Javascript
AngularJS教程之MVC体系结构详解
2016/08/16 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
2016/11/30 Javascript
Vue.js学习之计算属性
2017/01/22 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
2018/03/05 Javascript
vue-cli扩展多模块打包的示例代码
2018/04/09 Javascript
详解ES6 系列之异步处理实战
2018/10/26 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
[01:21]辉夜杯战队访谈宣传片—CDEC
2015/12/25 DOTA
实例讲解Python中SocketServer模块处理网络请求的用法
2016/06/28 Python
python print出共轭复数的方法详解
2019/06/25 Python
tensorflow生成多个tfrecord文件实例
2020/02/17 Python
Python + opencv对拍照得到的图片进行背景去除的实现方法
2020/11/18 Python
python 检测nginx服务邮件报警的脚本
2020/12/31 Python
纯CSS3实现3D旋转书本效果
2016/03/21 HTML / CSS
美国购车网站:TrueCar
2016/10/19 全球购物
写好求职应聘自荐信的三部曲
2013/09/21 职场文书
幼教求职信
2014/03/12 职场文书
单位活动策划方案
2014/08/17 职场文书
大学同学会活动方案
2014/08/20 职场文书
廉政承诺书2015
2015/04/28 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
财务人员廉洁自律心得体会
2016/01/13 职场文书
SONY AN-LP1 短波有源天线放大器
2021/04/22 无线电
Javascript中async与await的捕捉错误详解
2022/03/03 Javascript
Win11任务栏无法正常显示 资源管理器不停重启的解决方法
2022/07/07 数码科技