Posted on 2009-08-24 13:46
itVincent 閱讀(3773)
評論(6) 編輯 收藏 所屬分類:
javascript
【關(guān)鍵詞】Button Form FireFox
【問題描述】
使用Firefox3.0+打開頁面，點擊了一個<button onclick="doWork()"></button>去執(zhí)行doWork方法，但是doWork沒有執(zhí)行，表單卻提交了。另外IE6、7沒有此問題。
【分析原因】
由于根據(jù)w3c標(biāo)準(zhǔn)<button>默認(rèn)的type為submit，也就是說如果button沒有聲明type的話，那此button就是相當(dāng)于一個submit，所以如果此button是在一個表單里的話，點擊它就會提交表單。然而IE6、7沒有嚴(yán)格按照此標(biāo)準(zhǔn)
實現(xiàn)，因此不會出現(xiàn)此問題。
【解決辦法】
有兩種解決方法
方法1：
在<button>中加入onclick="return false"，這樣禁止點擊時提交表單
方法2：
在<button>中加入type="button"，聲明為button，這樣表單也不會提交了
【避免此類問題的建議】
為了解決跨瀏覽器的問題，最好是使用<button type="button" >顯式聲明為一個button
*根據(jù)網(wǎng)友們的回復(fù)，加上<input type="button" />為建議解決方式