您的位置：首页 > Web前端 > JavaScript

利用JavaScript阻止表单提交的两种方法

2016-08-11 16:35 696 查看

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

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  js 阻止 表单提交
相关文章推荐
新的分享
章节导航