利用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屬性來實現(xiàn)。
示例代碼
<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左側菜單欄鼠標懸停顯示菜單文字功能實現(xiàn)
layui封裝的左側菜單是固定寬度的,且左側菜單欄在css里改變寬度,效果并不是很好（還設計頭部菜單欄）,如果寫js來讓菜單欄能夠拉伸,也比較麻煩,那怎么最簡單的,讓用戶看到菜單的文字呢,下面給大家分享layui左側菜單欄鼠標懸停顯示菜單文字功能實現(xiàn),感興趣的朋友一起看看吧2024-06-06
javascript實現(xiàn)圖片跟隨鼠標移動效果的方法
這篇文章主要介紹了javascript實現(xiàn)圖片跟隨鼠標移動效果的方法,涉及javascript鼠標事件及頁面元素的相關操作技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了JavaScript是如何實現(xiàn)繼承的，有需要的朋友可以參考一下2013-12-12
本文主要介紹了TypeScript轉javaScript的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
這篇文章主要介紹了JS forEach和map方法的用法與區(qū)別,結合實例形式分析了forEach和map方法的功能、原理、使用方法及相關操作注意事項,需要的朋友可以參考下2019-02-02
js獲取圖片長和寬的代碼，大家可以參考下。2009-11-11
本文主要介紹了javascript中的事件冒泡和事件捕獲，具有一定的參考價值，下面跟著小編一起來看下吧2016-12-12
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)隨機點名網頁，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
select下拉框插件jquery.editable-select詳解
本篇文章主要介紹了select下拉框插件jquery.editable-select。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了JS字符串轉換為數(shù)組的4 個方法示例小結,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12