onsubmit阻止form表單提交與onclick的相關操作

return false會阻止表單提交,基本上關於οnsubmit=return false有以下幾點要注意的地方,學習後臺編程的朋友一定要知道。
2.form的onsubmit屬性的觸發問題,onsubmit 事件什麼時候觸發?onsubmit 事件會在表單中的確認按鈕被點擊時發生。不觸發的原因有一般如下:

A. onsubmit屬性的觸發時機是在form用input:submit這樣的button提交時纔會觸發,否則不會觸發。如果是用一個普通input:button,則在onclick屬性中指定一個javascript函數,在這個函數裏面再執行form的submit()函數,而不是onsubmit屬性。

B. 先看一段代碼:

複製代碼 代碼如下:

<form action="index.jsp" method="post" οnsubmit="submitTest();">
<INPUT value="www">
<input type="submit" value="submit">
</form>

<SCRIPT LANGUAGE="JavaScript">
<!--
function submitTest() {
// 一些邏輯判斷return false;
}
//--></SCRIPT>

點擊submit按鈕該表單並未提交。因爲有一處應該改爲下列代碼 :
<form action="index.jsp" method="post" οnsubmit="return submitTest();">原來onsubmit屬性就像是<form>這個html對象的一個方法名,其值(一字符串)就是其方法體,默認返回true;
在js中return false的作用一般是用來取消默認動作的。比如你單擊一個鏈接除了觸發你的 onclick時間(如果你指定的話)以外還要觸發一個默認事件就是執行頁面的跳轉。所以如果 你想取消對象的默認動作就可以return false。return false應用比較多的場合有:
<form name="form1" οnsubmit="return youfunction();">...... </form> <a href="www.***.com" οnclick="...;return false;">dddd </a>
發佈了26 篇原創文章 · 獲贊 3 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章