Robin's Programming World
I Love Programming As My Life!
BlogJava
首頁
新隨筆
聯(lián)系
聚合
管理
隨筆-193 評(píng)論-715 文章-1 trackbacks-0
關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī)
本Blog所有內(nèi)容不得隨意轉(zhuǎn)載,版權(quán)屬于作者所有。如需轉(zhuǎn)載請(qǐng)與作者聯(lián)系(
fastzch@163.com
)。
未經(jīng)許可的轉(zhuǎn)載,本人保留一切法律權(quán)益。
一直以來,發(fā)現(xiàn)有某些人完全不尊重我的勞動(dòng)成果,隨意轉(zhuǎn)載,提醒一下那些人小心哪天惹上官司。
今天同事一大早問我一個(gè)他覺得比較奇怪的問題:form的onsubmit屬性中的方法在提交時(shí)為什么沒反應(yīng)?經(jīng)過了解發(fā)現(xiàn)狀況如下:
他寫的頁面中form有onsubmit屬性,并指定了一個(gè)javascript函數(shù),期望form在提交前執(zhí)行這個(gè)函數(shù),以處理一些檢查等動(dòng)作,但form的提交并不是像我們通常使用的input:submit這樣的button去做的,而是用一個(gè)普通input:button,在onclick屬性中指定了一個(gè)javascript函數(shù),在這個(gè)函數(shù)里面再執(zhí)行form的submit()函數(shù)。
示意代碼如下:
<!
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
>
此時(shí),頁面彈出了“333”的提示,但沒有彈出“2222”的提示。
分析了一下原因:onsubmit屬性的觸發(fā)時(shí)機(jī)是在form用input:submit這樣的button提交時(shí)才會(huì)觸發(fā),否則不會(huì)觸發(fā)。
后來,在官方文檔上也找到了如下說明,證明了我的這一分析,如下:
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.
為了證實(shí)這一分析,我做了一個(gè)完整的測試:
<!
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
>
點(diǎn)擊submit按鈕即可出現(xiàn)“2222”提示,點(diǎn)擊button的話,會(huì)出現(xiàn)“333”提示。
posted on 2008-10-24 11:33
Robin's Programming World
閱讀(5528)
評(píng)論(14)
編輯
收藏
所屬分類:
其它
評(píng)論:
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī) 2008-10-24 20:58 |
007
sb....
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī)[未登錄] 2008-10-24 21:03 |
ssh
你前面那短話,真讓人惡心,幾篇破文章就這,謙虛一點(diǎn)好吧。能看你的文章是看的起你,不行了就洗洗睡覺。
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī) 2008-10-25 11:35 |
akuli
看到你第一段話,以為有多高深的東西,結(jié)果讓人非常失望?。?!
別人覺得你的文章好才會(huì)轉(zhuǎn)載,既然你不想讓人轉(zhuǎn)載就不要放到網(wǎng)上來?。?!
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī)[未登錄] 2008-10-25 18:43 |
hi
情況確實(shí)如此,要解決這個(gè)問題可以模擬submit事件。
在Brocade腳本庫里有實(shí)現(xiàn),調(diào)用Form.submit(form)方法。
http://brocade.sf.net
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī) 2008-10-25 19:12 |
CowNew開源團(tuán)隊(duì)
“能看你的文章是看的起你”
流氓,暴民
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī) 2008-10-25 21:36 |
Robin's Java World
@CowNew開源團(tuán)隊(duì)
像這種人最有效的辦法就是不理他,對(duì)沒素質(zhì)的人不理會(huì)。
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī) 2008-10-25 21:36 |
Robin's Java World
@hi
Brocade是個(gè)不錯(cuò)的東東,謝謝推薦!
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī) 2008-10-27 11:32 |
temper
@ssh
這也太無恥了吧?我真懷疑哪個(gè)公司敢用有這種思想的人。
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī)[未登錄] 2009-03-23 11:29 |
林
@akuli
支持!
博主請(qǐng)三思!
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī)[未登錄] 2009-08-16 17:30 |
哈哈
真惡心,我還以為嘍豬有什么高見,一看原來是當(dāng)寶貝的垃圾!!
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī) 2009-09-07 12:43 |
niba
真惡心,我還以為嘍豬有什么高見,一看原來是當(dāng)寶貝的垃圾??!
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī) 2011-08-01 19:07 |
tt
艸 ,怎么沒說怎么解決的方法
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī) 2012-08-18 22:34 |
zzz
說的挺好。。
回復(fù)
更多評(píng)論
#
re: 關(guān)于HTML中onSubmit屬性的觸發(fā)時(shí)機(jī)[未登錄]
2013-02-06 12:21 |
aa
說了半天, 還不是沒解決問題么? 以為您有多牛逼。
回復(fù)
更多評(píng)論
新用戶注冊(cè)
刷新評(píng)論列表
只有注冊(cè)用戶
登錄
后才能發(fā)表評(píng)論。
網(wǎng)站導(dǎo)航:
博客園
IT新聞
Chat2DB
C++博客
博問
管理
相關(guān)文章:
Hybrid開發(fā)資源網(wǎng)站匯總
XCode Plugins Package Manager
Phonegap Debug Note
首個(gè)iOS App終于提交了
MongoDB install notes on Mac:
永久恢復(fù)聯(lián)通 iPhone4 的 YouTube
[轉(zhuǎn)]自定義UITableView
【轉(zhuǎn)】Xcode分析CrashLog的方法
[轉(zhuǎn)]Samsung EPIC 4G ADB/USB無法連接的問題
[轉(zhuǎn)]教你如何做主管——MTP培訓(xùn)心得
<
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
常用鏈接
我的隨筆
我的評(píng)論
我的參與
最新評(píng)論
留言簿
(49)
給我留言
查看公開留言
查看私人留言
隨筆分類
(215)
.Net(1)
DB(8)
Flex & Flash(11)
Java(72)
OS(25)
RUP(1)
weblogic(3)
Webshere(16)
其它(50)
心情(2)
翻譯(1)
讀書(9)
轉(zhuǎn)載(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)
相冊(cè)
文章相關(guān)圖片
收藏夾
other
Friend Links
Tiger的Blog,專注于過程改進(jìn),項(xiàng)目管理,質(zhì)量管理三個(gè)方向。
zrfunds
搜索
積分與排名
積分 - 756074
排名 - 60
最新評(píng)論
1.?re: XFire完整入門教程
樓主,請(qǐng)問你做過xfire使用spring的jdbc模板訪問數(shù)據(jù)庫的例子嗎,急求啊?xfire和spring的結(jié)合在不訪問數(shù)據(jù)庫時(shí)(就像你這個(gè)例子一樣)已經(jīng)跑通了,但是需要使用jdbc時(shí)老出問題。謝謝
--fqjabc
2.?re: 一次JQuery性能優(yōu)化實(shí)戰(zhàn)
不需要構(gòu)建DOM
--bns
3.?re: Spring Security 3.x 完整入門教程
@過客
尊重人是最起碼的
--bns
4.?re: Flex中帶有三種狀態(tài)CheckBox的Tree的實(shí)現(xiàn)
帶有3種狀態(tài)CheckBox的樹形組件剛好用到
收了
--bns
5.?re: Spring Security 3.x 完整入門教程
AntUrlPathMatcher這個(gè)類所在jar包是哪個(gè)啊,是spring-security-core-tiger這個(gè)嗎?
--iechenyb
閱讀排行榜
1.?XFire完整入門教程(90517)
2.?Spring Security 3.x 完整入門教程(59201)
3.?使用XFire開發(fā)Web Service客戶端完整入門教程(52360)
4.?WebSphere6.1中使用Spring報(bào)cvc-elt.1: Cannot find the declaration of element 'beans'異常的解決辦法(24265)
5.?用MKVMerge GUI合并MKV文件(16694)
評(píng)論排行榜
1.?XFire完整入門教程(130)
2.?Spring Security 3.x 完整入門教程(67)
3.?使用XFire開發(fā)Web Service客戶端完整入門教程(33)
4.?VBA編程心得(24)
5.?JDK1.5API完整中文版CHM格式文檔發(fā)放(可下載)(22)
Powered by:
博客園
模板提供:
滬江博客
Copyright ©2025 Robin's Programming World
主站蜘蛛池模板:
免费人成动漫在线播放r18
|
亚洲精品无码aⅴ中文字幕蜜桃
|
一区二区三区免费电影
|
国产免费久久精品
|
精品久久久久久亚洲综合网
|
四虎影院免费在线播放
|
亚洲精品久久无码
|
国产男女性潮高清免费网站
|
国产精品亚洲综合天堂夜夜
|
俄罗斯极品美女毛片免费播放
|
美女啪啪网站又黄又免费
|
亚洲一级片免费看
|
两个人日本免费完整版在线观看1
|
国产亚洲欧洲精品
|
99久久免费精品视频
|
亚洲人成小说网站色
|
蜜臀91精品国产免费观看
|
日韩精品无码永久免费网站
|
曰韩亚洲av人人夜夜澡人人爽
|
日本免费高清视频
|
国产精品亚洲精品青青青
|
国产无遮挡色视频免费视频
|
黄视频在线观看免费
|
久久久久久亚洲精品
|
亚洲欧洲免费无码
|
成人午夜影视全部免费看
|
亚洲成A人片在线观看无码不卡
|
黄色一级视频免费
|
亚洲熟妇av一区二区三区漫画
|
99精品视频在线观看免费专区
|
亚洲综合无码无在线观看
|
久久精品夜色噜噜亚洲A∨
|
午夜精品免费在线观看
|
亚洲日韩乱码久久久久久
|
免费观看毛片视频
|
av永久免费网站在线观看
|
亚洲成av人片不卡无码
|
亚洲精品A在线观看
|
91福利免费视频
|
一区二区三区免费在线视频
|
久久九九AV免费精品
|