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锁屏解屏通过对$.ajax进行封装实现
Jul 31 Javascript
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
jQuery中document与window以及load与ready 区别详解
Dec 29 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
jQuery中DOM操作实例分析
Jan 23 Javascript
jQuery内部原理和实现方式浅析
Feb 03 Javascript
JavaScript动态修改弹出窗口大小的方法
Apr 06 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
May 24 Javascript
AngularJS实现路由实例
Feb 12 Javascript
ES2020 已定稿,真实场景案例分析
May 25 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解析url的三个示例
2014/01/20 PHP
PHP错误Parse error: syntax error, unexpected end of file in test.php on line 12解决方法
2014/06/23 PHP
MyEclipse常用配置图文教程
2014/09/11 PHP
PHP7+Nginx的配置与安装教程详解
2016/05/10 PHP
php实现的AES加密类定义与用法示例
2018/01/29 PHP
php回调函数处理数组操作示例
2020/04/13 PHP
Yii 框架使用数据库(databases)的方法示例
2020/05/19 PHP
dropdownlist之间的互相联动实现(显示与隐藏)
2009/11/24 Javascript
JQuery autocomplete 使用手册
2010/04/01 Javascript
JS简单实现登陆验证附效果图
2013/11/19 Javascript
详解Angularjs中的依赖注入
2016/03/11 Javascript
AngularJS中的DOM操作用法分析
2016/11/04 Javascript
js编写三级联动简单案例
2016/12/21 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
node.js 发布订阅模式的实例
2017/09/10 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
Vue数据绑定简析小结
2019/05/07 Javascript
javascript防抖函数debounce详解
2019/06/11 Javascript
微信小程序中如何计算距离某个节日还有多少天
2019/07/15 Javascript
vue element-ui实现input输入框金额数字添加千分位
2019/12/29 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
React+EggJs实现断点续传的示例代码
2020/07/07 Javascript
怎么使用pipenv管理你的python项目
2018/03/12 Python
Python 利用scrapy爬虫通过短短50行代码下载整站短视频
2018/10/29 Python
python之cv2与图像的载入、显示和保存实例
2018/12/05 Python
在django admin中添加自定义视图的例子
2019/07/26 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
python2和python3哪个使用率高
2020/06/23 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
德国游戏机商店:Konsolenkost
2019/12/08 全球购物
临床医学专业学生的自我评价分享
2013/11/21 职场文书
2014年综治宣传月活动总结
2014/04/28 职场文书
2015入党自传格式范文
2015/06/26 职场文书
2016年元旦主持词
2015/07/06 职场文书