Robin's Programming World
I Love Programming As My Life!
BlogJava
首頁
新隨筆
聯系
聚合
管理
隨筆-193 評論-715 文章-1 trackbacks-0
關于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)
編輯
收藏
所屬分類:
其它
評論:
#
re: 關于HTML中onSubmit屬性的觸發時機 2008-10-24 20:58 |
007
sb....
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機[未登錄] 2008-10-24 21:03 |
ssh
你前面那短話,真讓人惡心,幾篇破文章就這,謙虛一點好吧。能看你的文章是看的起你,不行了就洗洗睡覺。
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機 2008-10-25 11:35 |
akuli
看到你第一段話,以為有多高深的東西,結果讓人非常失望!!!
別人覺得你的文章好才會轉載,既然你不想讓人轉載就不要放到網上來!!!
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機[未登錄] 2008-10-25 18:43 |
hi
情況確實如此,要解決這個問題可以模擬submit事件。
在Brocade腳本庫里有實現,調用Form.submit(form)方法。
http://brocade.sf.net
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機 2008-10-25 19:12 |
CowNew開源團隊
“能看你的文章是看的起你”
流氓,暴民
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機 2008-10-25 21:36 |
Robin's Java World
@CowNew開源團隊
像這種人最有效的辦法就是不理他,對沒素質的人不理會。
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機 2008-10-25 21:36 |
Robin's Java World
@hi
Brocade是個不錯的東東,謝謝推薦!
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機 2008-10-27 11:32 |
temper
@ssh
這也太無恥了吧?我真懷疑哪個公司敢用有這種思想的人。
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機[未登錄] 2009-03-23 11:29 |
林
@akuli
支持!
博主請三思!
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機[未登錄] 2009-08-16 17:30 |
哈哈
真惡心,我還以為嘍豬有什么高見,一看原來是當寶貝的垃圾!!
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機 2009-09-07 12:43 |
niba
真惡心,我還以為嘍豬有什么高見,一看原來是當寶貝的垃圾!!
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機 2011-08-01 19:07 |
tt
艸 ,怎么沒說怎么解決的方法
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機 2012-08-18 22:34 |
zzz
說的挺好。。
回復
更多評論
#
re: 關于HTML中onSubmit屬性的觸發時機[未登錄]
2013-02-06 12:21 |
aa
說了半天, 還不是沒解決問題么? 以為您有多牛逼。
回復
更多評論
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發表評論。
網站導航:
博客園
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培訓心得
<
2008年10月
>
日
一
二
三
四
五
六
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
常用鏈接
我的隨筆
我的評論
我的參與
最新評論
留言簿
(49)
給我留言
查看公開留言
查看私人留言
隨筆分類
(215)
.Net(1)
DB(8)
Flex & Flash(11)
Java(72)
OS(25)
RUP(1)
weblogic(3)
Webshere(16)
其它(50)
心情(2)
翻譯(1)
讀書(9)
轉載(16)
隨筆檔案
(181)
2014年8月 (1)
2014年4月 (1)
2014年2月 (2)
2014年1月 (1)
2012年11月 (1)
2012年9月 (2)
2012年7月 (1)
2012年6月 (3)
2012年1月 (2)
2011年12月 (4)
2011年10月 (1)
2011年8月 (3)
2011年7月 (2)
2011年4月 (1)
2010年11月 (2)
2010年10月 (1)
2010年9月 (2)
2010年8月 (5)
2010年7月 (1)
2010年5月 (2)
2010年4月 (7)
2010年3月 (7)
2009年12月 (6)
2009年10月 (1)
2009年9月 (1)
2009年8月 (2)
2009年6月 (3)
2009年5月 (2)
2009年4月 (2)
2009年2月 (3)
2009年1月 (4)
2008年11月 (1)
2008年10月 (2)
2008年9月 (9)
2008年8月 (4)
2008年7月 (5)
2008年5月 (2)
2008年4月 (1)
2008年3月 (3)
2008年2月 (1)
2008年1月 (7)
2007年12月 (6)
2007年11月 (6)
2007年10月 (3)
2007年9月 (1)
2007年8月 (6)
2007年7月 (4)
2007年6月 (2)
2007年5月 (3)
2007年3月 (1)
2007年2月 (1)
2007年1月 (3)
2006年12月 (7)
2006年10月 (1)
2006年8月 (3)
2006年7月 (1)
2006年6月 (5)
2006年4月 (6)
2006年3月 (2)
2006年2月 (3)
2006年1月 (1)
2005年11月 (5)
相冊
文章相關圖片
收藏夾
other
Friend Links
Tiger的Blog,專注于過程改進,項目管理,質量管理三個方向。
zrfunds
搜索
積分與排名
積分 - 755568
排名 - 60
最新評論
1.?re: XFire完整入門教程
樓主,請問你做過xfire使用spring的jdbc模板訪問數據庫的例子嗎,急求啊?xfire和spring的結合在不訪問數據庫時(就像你這個例子一樣)已經跑通了,但是需要使用jdbc時老出問題。謝謝
--fqjabc
2.?re: 一次JQuery性能優化實戰
不需要構建DOM
--bns
3.?re: Spring Security 3.x 完整入門教程
@過客
尊重人是最起碼的
--bns
4.?re: Flex中帶有三種狀態CheckBox的Tree的實現
帶有3種狀態CheckBox的樹形組件剛好用到
收了
--bns
5.?re: Spring Security 3.x 完整入門教程
AntUrlPathMatcher這個類所在jar包是哪個啊,是spring-security-core-tiger這個嗎?
--iechenyb
閱讀排行榜
1.?XFire完整入門教程(90505)
2.?Spring Security 3.x 完整入門教程(59192)
3.?使用XFire開發Web Service客戶端完整入門教程(52356)
4.?WebSphere6.1中使用Spring報cvc-elt.1: Cannot find the declaration of element 'beans'異常的解決辦法(24260)
5.?用MKVMerge GUI合并MKV文件(16692)
評論排行榜
1.?XFire完整入門教程(130)
2.?Spring Security 3.x 完整入門教程(67)
3.?使用XFire開發Web Service客戶端完整入門教程(33)
4.?VBA編程心得(24)
5.?JDK1.5API完整中文版CHM格式文檔發放(可下載)(22)
Powered by:
博客園
模板提供:
滬江博客
Copyright ©2025 Robin's Programming World
主站蜘蛛池模板:
政和县
|
云阳县
|
乌拉特前旗
|
盐亭县
|
宝山区
|
商城县
|
鄂托克前旗
|
保山市
|
乌苏市
|
舒城县
|
浏阳市
|
辽宁省
|
祥云县
|
军事
|
抚州市
|
北碚区
|
陈巴尔虎旗
|
铅山县
|
皮山县
|
德阳市
|
阿克陶县
|
彰化县
|
旅游
|
康定县
|
延长县
|
石阡县
|
丹江口市
|
洪湖市
|
仪征市
|
平阴县
|
秦安县
|
鹤庆县
|
牙克石市
|
孙吴县
|
疏勒县
|
泰来县
|
仁化县
|
宁晋县
|
太湖县
|
江口县
|
湘西
|