利用JavaScript阻止表单提交的两种方法
更新时间：2016年08月11日 16:35:41 投稿：daisy
本文介绍怎样利用JavaScript来阻止表单提交的两种方法，分别是return false和使用preventDefault()，有需要的可以参考借鉴，下面一起来看看。
在JavaScript中，阻止表单默认提交行为的方法有两种，分别是：
（1） return false
示例代码
<form name="loginForm" action="login.aspx" method="post">
<button type="submit" value="Submit" id="submit">Submit</button>
</form>
<script>
var submitBtn = document.getElementById("submit");
submitBtn.onclick = function (event) {
alert("preventDefault!");
return false;
};
</script>
（2） 使用preventDefault()
在标准浏览器中，阻止浏览器默认行为使用event.preventDefault()，而在IE6~8中，使用returnValue属性来实现。
示例代码
<form name="loginForm" action="login.aspx" method="post">
<button type="submit" value="Submit" id="submit">Submit</button>
</form>
<script>
var submitBtn = document.getElementById("submit");
submitBtn.onclick = function (event) {
alert("preventDefault!");
var event = event || window.event;
event.preventDefault(); // 兼容标准浏览器
window.event.returnValue = false; // 兼容IE6~8
};
</script>
以上就是利用JavaScript来阻止表单提交的两种方法的全部内容，希望本文的内容对大家使用JavaScript有所帮助。
相关文章
layui封装的左侧菜单是固定宽度的,且左侧菜单栏在css里改变宽度,效果并不是很好（还设计头部菜单栏）,如果写js来让菜单栏能够拉伸,也比较麻烦,那怎么最简单的,让用户看到菜单的文字呢,下面给大家分享layui左侧菜单栏鼠标悬停显示菜单文字功能实现,感兴趣的朋友一起看看吧2024-06-06
这篇文章主要介绍了javascript实现图片跟随鼠标移动效果的方法,涉及javascript鼠标事件及页面元素的相关操作技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了JavaScript是如何实现继承的，有需要的朋友可以参考一下2013-12-12
本文主要介绍了TypeScript转javaScript的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了JS forEach和map方法的用法与区别,结合实例形式分析了forEach和map方法的功能、原理、使用方法及相关操作注意事项,需要的朋友可以参考下2019-02-02
js获取图片长和宽的代码，大家可以参考下。2009-11-11
本文主要介绍了javascript中的事件冒泡和事件捕获，具有一定的参考价值，下面跟着小编一起来看下吧2016-12-12
这篇文章主要为大家详细介绍了JavaScript实现随机点名网页，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
select下拉框插件jquery.editable-select详解
本篇文章主要介绍了select下拉框插件jquery.editable-select。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JS字符串转换为数组的4 个方法示例小结,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-12-12
最新评论