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 相关文章推荐
JavaScript 格式字符串的应用
Mar 29 Javascript
一个网页标题title的闪动提示效果实现思路
Mar 22 Javascript
理解javascript中的回调函数(callback)
Sep 02 Javascript
javascript获取flash版本号的方法
Nov 20 Javascript
使用JS画图之点、线、面
Jan 12 Javascript
Javascript基础教程之比较操作符
Jan 18 Javascript
JavaScript String 对象常用方法详解
May 13 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
vue表单绑定实现多选框和下拉列表的实例
Aug 12 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 Javascript
原生JS实现飞机大战小游戏
Jun 09 Javascript
Three.js实现雪糕地球的使用示例详解
Jul 07 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
索尼ICF-SW100收音机评测
2021/03/02 无线电
php检测useragent版本示例
2014/03/24 PHP
PHP网络操作函数汇总
2015/05/18 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
超强多功能php绿色集成环境详解
2017/01/25 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
JavaScript 常见对象类创建代码与优缺点分析
2009/12/07 Javascript
JS给超链接加确认对话框的方法
2015/02/24 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
JS实现双击内容变为可编辑状态
2017/03/03 Javascript
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
JS分页的实现(同步与异步)
2017/09/16 Javascript
electron + vue项目实现打印小票功能及实现代码
2018/11/25 Javascript
详解webpack编译速度提升之DllPlugin
2019/02/05 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
python解析json实例方法
2013/11/19 Python
python的tkinter布局之简单的聊天窗口实现方法
2014/09/03 Python
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
python清除字符串前后空格函数的方法
2018/10/21 Python
基于python的列表list和集合set操作
2019/11/24 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
用gpu训练好的神经网络,用tensorflow-cpu跑出错的原因及解决方案
2021/03/03 Python
css3实现垂直下拉动画菜单示例
2014/04/22 HTML / CSS
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
基督教卡片、励志礼品、家居装饰等:DaySpring
2018/10/12 全球购物
中专生职业生涯规划书范文
2014/01/10 职场文书
知识就是力量演讲稿
2014/09/13 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
辞职信格式范文
2015/05/13 职场文书
2015年“我们的节日·重阳节”活动总结
2015/07/29 职场文书
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS