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 相关文章推荐
在网页中控制wmplayer播放器
Jul 01 Javascript
“不能执行已释放的Script代码”错误的原因及解决办法
Sep 09 Javascript
学习ExtJS form布局
Oct 08 Javascript
基于jquery的动态创建表格的插件
Apr 05 Javascript
JS获取地址栏参数的小例子
Aug 23 Javascript
将HTML格式的String转化为HTMLElement的实现方法
Aug 07 Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 Javascript
jQuery超简单选项卡完整实例
Sep 26 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
JavaScript 过滤关键字
Mar 20 Javascript
vue2.x select2 指令封装详解
Oct 12 Javascript
小程序实现五星点评效果
Nov 03 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
第十三节 对象串行化 [13]
2006/10/09 PHP
php excel reader读取excel内容存入数据库实现代码
2012/12/06 PHP
浅析php中jsonp的跨域实例
2013/06/21 PHP
js和php邮箱地址验证的实现方法
2014/01/09 PHP
php用户注册时常用的检验函数实例总结
2014/12/22 PHP
php二维码生成
2015/10/19 PHP
php微信开发之批量生成带参数的二维码
2016/06/26 PHP
ThinkPHP框架整合微信支付之JSAPI模式图文详解
2019/04/09 PHP
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
有一段有意思的代码-javascript现实多行信息
2007/08/26 Javascript
用js做一个小游戏平台 (一)
2009/12/29 Javascript
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
angularjs中的单元测试实例
2014/12/06 Javascript
用jquery快速解决IE输入框不能输入的问题
2016/10/04 Javascript
AngularJS路由实现页面跳转实例
2017/03/03 Javascript
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
jQuery控制input只能输入数字和两位小数的方法
2019/05/16 jQuery
Vue实现数据请求拦截
2019/10/23 Javascript
JavaScript实现密码强度实时验证
2020/03/18 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
Python 过滤字符串的技巧,map与itertools.imap
2008/09/06 Python
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
python列表操作使用示例分享
2014/02/21 Python
Python创建模块及模块导入的方法
2015/05/27 Python
使用TensorFlow搭建一个全连接神经网络教程
2020/02/06 Python
Python并发concurrent.futures和asyncio实例
2020/05/04 Python
css3制作动态进度条以及附加jQuery百分比数字显示
2012/12/13 HTML / CSS
美国最大的旗帜经销商:Carrot-Top
2018/02/26 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
2014年语文教研组工作总结
2014/12/06 职场文书
德能勤绩廉个人总结
2015/02/14 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书
网络安全倡议书(3篇)
2019/09/18 职场文书