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 相关文章推荐
node.js中的socket.io入门实例
Apr 26 Javascript
用jquery实现的一个超级简单的下拉菜单
May 18 Javascript
浅谈Javascript 数组与字典
Jan 29 Javascript
BootStrap扔进Django里的方法详解
May 13 Javascript
Vue数据驱动模拟实现2
Jan 11 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
JS实现简单拖拽效果
Jun 21 Javascript
Angularjs中ng-repeat的简单实例
Aug 25 Javascript
vue-cli之router基本使用方法详解
Oct 17 Javascript
javascript连接mysql与php通过odbc连接任意数据库的实例
Dec 27 Javascript
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
详解Angular Karma测试的持续集成实践
Nov 15 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
咖啡店都有些什么常规豆子呢?有什么风味在里面
2021/03/04 咖啡文化
PHP5权威编程阅读学习笔记 附电子书下载
2012/07/05 PHP
PHP编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
IE不支持getElementsByClassName最终完美解决方案
2012/12/17 Javascript
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
2013/11/03 Javascript
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
jQuery基础语法实例入门
2014/12/23 Javascript
jQuery中end()方法用法实例
2015/01/08 Javascript
在 Express 中使用模板引擎
2015/12/10 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
一个字符串中出现次数最多的字符 统计这个次数【实现代码】
2016/04/29 Javascript
jquery-mobile基础属性与用法详解
2016/11/23 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
2016/12/25 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
2017/03/21 jQuery
详解Angular2 之 结构型指令
2017/06/21 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
2018/04/27 Javascript
解决layer.msg 不居中 ifram中的问题
2019/09/05 Javascript
three.js 如何制作魔方
2020/07/31 Javascript
python Django批量导入数据
2016/03/25 Python
使用python对文件中的数值进行累加的实例
2018/11/28 Python
Python使用sklearn库实现的各种分类算法简单应用小结
2019/07/04 Python
Python pip 安装与使用(安装、更新、删除)
2019/10/06 Python
tensorflow保持每次训练结果一致的简单实现
2020/02/17 Python
tensorflow安装成功import tensorflow 出现问题
2020/04/16 Python
使用Python将语音转换为文本的方法
2020/08/10 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
应届生新闻编辑求职信
2013/11/19 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
项目合作意向书模板
2014/07/29 职场文书
设立有限责任公司出资协议书
2014/11/01 职场文书
Nginx进程管理和重载原理详解
2021/04/22 Servers
python实现腾讯滑块验证码识别
2021/04/27 Python