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

return false會阻止表單提交,基本上關於οnsubmit=return false有以下幾點要注意的地方,學習後臺編程的朋友一定要知道。

1. return 的返回值問題,函數中return一旦有返回值,就不在執行下面的語句,直接跳到函數調用的地方。如下PHP函數代碼,第一個if條件符合則函數值返回布爾型false,可以返回一個函數的值,並且跳出這個函數;只要遇到return語句,程序就在那一行代碼停止執行,執行控制將立刻返回到調用該程序的代碼處。function 

function chkinput(form) 
{ 
if(form.title.value=="") 
{ 
alert("請輸入文章標題!"); 
form.title.select(); 
return false; 
} 

if(form.content.value=="") 
{ 
alert("文章正文不能爲空@!!"); 
form.content.select(); 
return false; 
} 

return true; 
} 




2.form的onsubmit屬性的觸發問題,onsubmit 事件什麼時候觸發?onsubmit 事件會在表單中的確認按鈕被點擊時發生。不觸發的原因有一般如下: 

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

B. 先看一段代碼: 


點擊submit按鈕該表單並未提交。因爲有一處應該改爲下列代碼 : 

<form action="index.jsp" method="post" οnsubmit="return submitTest();">原來onsubmit屬性就像是<form>這個html對象的一個方法名,其值(一字符串)就是其方法體,默認返回true; 
和Java一樣,在該方法體中你可以寫任意多個語句,包括內置函數和自定義函數。 
在這裏submitTest()雖然返回false,但我們只執行了此函數,沒有對其結果進行任何處理。 
而οnsubmit="return submitTest()利用到了它的返回值,達到了預期效果。3.事件處理函數返回false的問題,在大多數情況下,爲事件處理函數返回false,可以防止默認的事件行爲. 
例如,默認情況下點擊一個<a>元素,頁面會跳轉到該元素href屬性指定的頁. Return False 就相當於終止符,Return True 就相當於執行符。 在js中return false的作用一般是用來取消默認動作的。比如你單擊一個鏈接除了觸發你的 onclick時間(如果你指定的話)以外還要觸發一個默認事件就是執行頁面的跳轉。所以如果 你想取消對象的默認動作就可以return false。return false應用比較多的場合有: <body> 1, <a href="/" mce_href="/" οnclick='test();'>超級鏈接 </a> 2, <input type="button" οnclick='test()' value="提交"> 3, <form name="form1" onsubmIT="return test();"> 內容 <input type="submIT" value="提交"> </form> </body> 
<input type="submit" οnclick="submitAction(); return false;" /> submitAction 方法裏面有提交表單的動作。如果不加 return false, 
在執行完 submitAction 之後,submit 按鈕還會繼續執行它的默認事件,就會再次提交表單。這可能就是很多錯誤的根源。 的確,return false的含義不是阻止事件繼續向頂層元素傳播,而是阻止瀏覽器對事件的默認處理。你可以這樣試驗:首先將所有的js腳本註釋掉,在IE瀏覽器中嘗試拖動一下圖片,你會發現鼠標會成爲禁止操作的樣式,圖片是被禁止拖動的,它是瀏覽器針對mousemove事件所提供的默認行爲。 
return false就是爲了去掉這種行爲,否則就會出現你描述的中斷事件連續執行。 另外,和return false等效的語句爲: 
window.event.returnValue = false, 
你可以把return false替換爲此語句並進行驗證。 最後說明一下,此種方式只適用於IE瀏覽器。 
在js中return false的作用一般是用來取消默認動作的。比如你單擊一個鏈接除了觸發你的 onclick時間(如果你指定的話)以外還要觸發一個默認事件就是執行頁面的跳轉。所以如果 你想取消對象的默認動作就可以return false。return false應用比較多的場合有: 
<form name="form1" οnsubmit="return youfunction();">...... </form> <a href="www.***.com" οnclick="...;return false;">dddd </a>
發佈了60 篇原創文章 · 獲贊 35 · 訪問量 25萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章