利用JavaScript阻止表单提交的两种方法
在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有所帮助。
-
本文向大家介绍JavaScript阻止回车提交表单的方法，包括了JavaScript阻止回车提交表单的方法的使用技巧和注意事项，需要的朋友参考一下 大家对回车键的功能应该比较熟悉，比如在windows系统的很多应用程序中，只要点击回车键就可以进入此程序或者开启某项功能，不过有时候我们希望阻止它的功能，例如在填写表单的时候，可能不小心点击回车键造成表单误提交，下面就来简单介绍一下如何实现此功能。代码
-
本文向大家介绍php 防止表单重复提交两种实现方法，包括了php 防止表单重复提交两种实现方法的使用技巧和注意事项，需要的朋友参考一下 php 防止表单重复提交 由于网络原因，经常出来点了提交按钮，网页没有反应，而进行再次点击。这样就导致后台收到两次提交，从而进行两次处理，本文章向大家介绍php 防止表单重复提交的几种方法 1、前端解决 方法一： 可以通过前端来解决。当用户点了提交按钮之后，先使用
-
问题内容： 我只是写了这个漂亮的小函数，它可以在表单本身上工作… 按照我的逻辑，我想在输入textarea期间接受回车。同样，将输入字段的回车键行为替换为跳到下一个输入字段的行为（就像按下Tab键一样）将是额外的好处。有谁知道使用事件传播模型正确触发适当元素上的回车键，但阻止表单在其按下时提交的方法吗？ 问题答案： 这是我功能的修改版本。它执行以下操作： 防止Enter键在除textarea，bu
-
我正在做一个Django项目，其中一个表单不会提交。我发现罪魁祸首是一些JavaScript，它格式化了货币输入（当我移除JS或移除输入时，它提交） 这是我的简化表单--JS来自html5货币/货币输入
-
我有一个登录表单，它与一起工作，并连接到。问题是它被提交了两次。请查看以下内容。 JavaScript代码 我的HTML表单 下面是我的servlet（提交表单的地方），如果你感兴趣的话 在我的IDE控制台中，输出如下（输出由打印）
-
本文向大家介绍jQuery异步提交表单的两种方式，包括了jQuery异步提交表单的两种方式的使用技巧和注意事项，需要的朋友参考一下 本文为大家分享了两种jQuery异步提交表单的方式，具体内容如下 第一种方式：普通ajax方式提交 第二种方式：普通ajaxSubmit方式提交表单 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。