利用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有所帮助。

您可能感兴趣的文章:

微信小程序实现滚动加载更多的代码
这篇文章通过实例代码给大家介绍了微信小程序实现滚动加载更多，给大家提供了完整代码,需要的朋友可以参考下
2019-12-12
《JavaScript函数式编程》读后感
这里给大家分享的是个人在最近看《JavaScript函数式编程》一书的第一章之后的一些感触和理解，这里记录下来，有需要的小伙伴可以参考下
2015-08-08
javascript中Object使用详解
这篇文章主要介绍了javascript中Object使用详解，非常全面详尽，有需要的小伙伴参考下
2015-01-01
微信小程序实现简易加法计算器
这篇文章主要为大家详细介绍了微信小程序加法计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-09-09
JavaScript判断按钮被点击的方法
javascript代码判断按钮是否被点击了在项目中经常会遇到这个需求，今天小编抽点时间给大家分享一段代码关于javascript判断按钮是否被点击的方法，感兴趣的朋友一起学习吧
2015-12-12
JS错误处理与调试操作实例分析
这篇文章主要介绍了JS错误处理与调试操作,结合实例形式分析了JavaScript错误捕获、处理、调试工具、断点调试等相关操作技巧,需要的朋友可以参考下
2020-04-04
js或css文件后面跟参数的原因说明
经常看到不少导航网站测样式或js文件后面加了一些参数，主要是一你为一些并不经常更新的页面重新加载新修改的文件。
2010-01-01
JavaScript编码小技巧分享
这篇文章适合任何一位基于JavaScript开发的开发者。我写这篇文章主要涉及JavaScript中一些简写的代码，帮助大家更好理解一些JavaScript的基础。希望这些代码能从不同的角度帮助你更好的理解JavaScript。
2020-09-09
ES6学习笔记之Set和Map数据结构详解
这篇文章主要介绍了ES6学习笔记之Set和Map数据结构,结合实例形式详细分析了ECMAScript中基本数据结构Set和Map的常用属性与方法的功能、用法及相关注意事项,需要的朋友可以参考下
2017-04-04
javascript限制文本框输入值类型的方法
这篇文章主要介绍了javascript限制文本框输入值类型的方法,涉及javascript鼠标事件、键盘按键及字符串的相关操作技巧,非常具有实用价值,需要的朋友可以参考下
2015-05-05