91亚洲人成网污www,欧美日韩在线另类,欧美一级大片

關于HTML中onSubmit屬性的觸發時機

本Blog所有內容不得隨意轉載，版權屬于作者所有。如需轉載請與作者聯系（ fastzch@163.com ）。
未經許可的轉載，本人保留一切法律權益。
一直以來，發現有某些人完全不尊重我的勞動成果，隨意轉載，提醒一下那些人小心哪天惹上官司。

今天同事一大早問我一個他覺得比較奇怪的問題：form的onsubmit屬性中的方法在提交時為什么沒反應？經過了解發現狀況如下：
他寫的頁面中form有onsubmit屬性，并指定了一個javascript函數，期望form在提交前執行這個函數，以處理一些檢查等動作，但form的提交并不是像我們通常使用的input:submit這樣的button去做的，而是用一個普通input:button，在onclick屬性中指定了一個javascript函數，在這個函數里面再執行form的submit()函數。
示意代碼如下：

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN">

<HTML>

<HEAD>

????<script?language="javascript">

????????function?t(){

????????????var?f=document.getElementById("f");

????????????f.submit();

????????????alert('333');

????????}

????</script>

</HEAD>

????

<BODY>

<form?id="f"?onsubmit="alert('2222');">

????<input?type="button"?value="button"?onclick="t();"/>

</form>

</BODY>

</HTML>

此時，頁面彈出了“333”的提示，但沒有彈出“2222”的提示。

分析了一下原因：onsubmit屬性的觸發時機是在form用input:submit這樣的button提交時才會觸發，否則不會觸發。
后來，在官方文檔上也找到了如下說明，證明了我的這一分析，如下：

The?submit?method?does?not?invoke?the?onsubmit?event?handler.?Call?the?onsubmit?event?handler?directly.?When?using?Microsoft??Internet?Explorer?5.5?and?later,?you?can?call?the?fireEvent?method?with?a?value?of?onsubmit?in?the?sEvent?parameter.

為了證實這一分析，我做了一個完整的測試：

<!DOCTYPE?HTML?PUBLIC?"-//W3C//DTD?HTML?4.0?Transitional//EN">

<HTML>

<HEAD>

????<script?language="javascript">

????????function?t(){

????????????var?f=document.getElementById("f");

????????????f.submit();

????????????alert('333');

????????}

????</script>

</HEAD>

????

<BODY>

<form?id="f"?onsubmit="alert('2222');">

????<input?type="submit"?value="submit"?/>?

????<input?type="button"?value="button"?onclick="t();"/>

</form>

</BODY>

</HTML>

點擊submit按鈕即可出現“2222”提示，點擊button的話，會出現“333”提示。

posted on 2008-10-24 11:33 Robin's Programming World 閱讀(5526) 評論(14) 編輯收藏所屬分類: 其它

常用鏈接

留言簿(49)

隨筆分類(215)

隨筆檔案(181)

相冊

收藏夾

Friend Links

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Hybrid開發資源網站匯總 XCode Plugins Package Manager Phonegap Debug Note 首個iOS App終于提交了 MongoDB install notes on Mac: 永久恢復聯通 iPhone4 的 YouTube [轉]自定義UITableView 【轉】Xcode分析CrashLog的方法 [轉]Samsung EPIC 4G ADB/USB無法連接的問題 [轉]教你如何做主管——MTP培訓心得