javascript 解决表单仍然提交即使监听处理函数返回false
更新时间：2010年03月14日 17:20:05 作者：
解决表单依旧提交即使监听处理函数返回false
复制代码 代码如下:
<form action="https://www.jb51.net" 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://www.jb51.net" 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
相关文章
这篇文章主要介绍了JS判断点是否在线段上的相关资料,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-11-11
这篇文章主要为大家详细介绍了iscroll-probe下拉刷新和下拉加载，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
下面小编就为大家分享一篇javascript实现数字配对游戏的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
这两个定义都可以，不过后者对FF貌似好一些，前者在FF下可能出现missing before formal parameters错误，导致js无法执行。2009-04-04
下面小编就为大家分享一篇详谈DOM的简介,节点和获取元素，具有非常好的参考价值，一起跟随小编过来看看吧，希望对大家有所帮助2021-11-11
这篇文章主要介绍了JavaScript学习笔记之数组的增、删、改、查的相关资料,需要的朋友可以参考下2016-03-03
前端date.locale is not a function错误的简单解决办法
这篇文章主要给大家介绍了关于前端date.locale is not a function错误的简单解决办法,文中通过图文介绍的非常详细,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了js获取及判断键盘按键的方法,涉及JavaScript键盘事件的获取及键值的判定技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了npm qs模块使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
jQuery NProgress.js加载进度插件的简单使用方法
NProgress是基于jquery的，且版本要 >1.8 。这篇文章主要介绍了NProgress.js加载进度插件的简单使用方法,需要的朋友可以参考下2018-01-01
最新评论