js阻止表單提交預設行為的兩種方式

2022-09-09 08:18:10 字數 661 閱讀 5045

有時候我們在表單進行提交前需要進行表單驗證,如果驗證不通過,那麼就需要阻止表單提交的預設行為,下面介紹兩種阻止此預設行為的方式。

1  第一種方式就是在按鈕上繫結click事件,return false就會阻止預設行為,反之就進行預設行為。

function test()else

}

2 通過submit事件,通過呼叫event.preventdefault();方法來阻止預設行為。  

$("form").on("submit",function(event)else

})

有時候我們在表單進行提交前需要進行表單驗證,如果驗證不通過,那麼就需要阻止表單提交的預設行為,下面介紹兩種阻止此預設行為的方式。

1  第一種方式就是在按鈕上繫結click事件,return false就會阻止預設行為,反之就進行預設行為。

function test()else

}

2 通過submit事件,通過呼叫event.preventdefault();方法來阻止預設行為。  

$("form").on("submit",function(event)else

})

JS阻止預設行為

如果事件可取消,則取消該事件,而不停止事件的進一步傳播。語法 event.preventdefault 案例 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title event.preventdefault title 6h...

JS瀏覽器的預設行為及阻止行為

一 瀏覽器的預設行為以及阻止行為 一 右鍵選單事件 oncontextmenu 阻止 return false 阻止 標準瀏覽器 event.preventdefault ie8及以下 event.returnvalue false 相容 event.preventdefault event.pre...

JS停止事件冒泡 阻止瀏覽器預設行為

一 停止事件冒泡 如果提供了事件物件,則這是乙個非ie瀏覽器 if e e.stoppropagation 因此它支援w3c的stoppropagation 方法 e.stoppropagation else 否則,我們需要使用ie的方式來取消事件冒泡 window.event.cancelbubb...