input、button的不同type值在ajax提交表單時(shí)導(dǎo)致的陷阱
更新時(shí)間:2009年02月24日 02:34:04 作者:
最近在公司的項(xiàng)目中嘗試著利用YUI來(lái)實(shí)現(xiàn)各種效果。
今天在做利用connection 作表單提交過(guò)程中發(fā)現(xiàn),標(biāo)簽"input"跟"botton"中的type屬性設(shè)置原來(lái)也是一門學(xué)問(wèn)。
在開(kāi)發(fā)過(guò)程中,為了使html代碼更加整潔,我首先利用YAHOO.util.Event.addListener(obj, "click", callback)類加載"click"事件來(lái)提交表單,YAHOO.util.Connect.asyncRequest('POST')方式來(lái)上傳表單數(shù)據(jù),如果表單信息不正確,那么作返回處理。而提交的按鈕我采用的是<button type="submit">提交</button>。
這時(shí)發(fā)現(xiàn)除了IE6能夠?qū)ξ业谋韱螖?shù)據(jù)作出正確的處理外,F(xiàn)IREFOX包括IE7都不能對(duì)我的錯(cuò)誤處理作出回應(yīng)(callback方法中,正對(duì)錯(cuò)誤的處理方式是:只要一碰到錯(cuò)誤,那么就通過(guò)return false的方式返回)。
這時(shí)在我的思路里想的是,在語(yǔ)句中提交表單數(shù)據(jù)前我已經(jīng)做了返回處理,可頁(yè)面怎么還是給刷新了呢。
晚上回到家里再次對(duì)今天碰到的問(wèn)題做測(cè)試,結(jié)果發(fā)現(xiàn),我忽略了一點(diǎn),數(shù)據(jù)也的確是有提交了,并且在地址欄中可以明確地看到各種數(shù)據(jù),而事實(shí)也證明,數(shù)據(jù)肯定是被提交了,于是想到了我的按鈕,按鈕的類別設(shè)置是"submit",之前在寫代碼時(shí),都是直接在"input"或者"button"中,如果類別設(shè)置為"submit"時(shí),都是這樣寫的onclick="return fun();"或者onclick="fun(); return false;";這自然是不會(huì)出現(xiàn)問(wèn)題,怪就怪在,addListener類的值并不是直接影響到按鈕的,一點(diǎn)擊按鈕,自然也就會(huì)提交數(shù)據(jù)了。
慘痛啊~~~~
附:button默認(rèn)type值為submit,因此最好標(biāo)識(shí)下類別?。?!謹(jǐn)記!
在開(kāi)發(fā)過(guò)程中,為了使html代碼更加整潔,我首先利用YAHOO.util.Event.addListener(obj, "click", callback)類加載"click"事件來(lái)提交表單,YAHOO.util.Connect.asyncRequest('POST')方式來(lái)上傳表單數(shù)據(jù),如果表單信息不正確,那么作返回處理。而提交的按鈕我采用的是<button type="submit">提交</button>。
這時(shí)發(fā)現(xiàn)除了IE6能夠?qū)ξ业谋韱螖?shù)據(jù)作出正確的處理外,F(xiàn)IREFOX包括IE7都不能對(duì)我的錯(cuò)誤處理作出回應(yīng)(callback方法中,正對(duì)錯(cuò)誤的處理方式是:只要一碰到錯(cuò)誤,那么就通過(guò)return false的方式返回)。
這時(shí)在我的思路里想的是,在語(yǔ)句中提交表單數(shù)據(jù)前我已經(jīng)做了返回處理,可頁(yè)面怎么還是給刷新了呢。
晚上回到家里再次對(duì)今天碰到的問(wèn)題做測(cè)試,結(jié)果發(fā)現(xiàn),我忽略了一點(diǎn),數(shù)據(jù)也的確是有提交了,并且在地址欄中可以明確地看到各種數(shù)據(jù),而事實(shí)也證明,數(shù)據(jù)肯定是被提交了,于是想到了我的按鈕,按鈕的類別設(shè)置是"submit",之前在寫代碼時(shí),都是直接在"input"或者"button"中,如果類別設(shè)置為"submit"時(shí),都是這樣寫的onclick="return fun();"或者onclick="fun(); return false;";這自然是不會(huì)出現(xiàn)問(wèn)題,怪就怪在,addListener類的值并不是直接影響到按鈕的,一點(diǎn)擊按鈕,自然也就會(huì)提交數(shù)據(jù)了。
慘痛啊~~~~
附:button默認(rèn)type值為submit,因此最好標(biāo)識(shí)下類別?。?!謹(jǐn)記!
您可能感興趣的文章:
- button沒(méi)寫type=button會(huì)導(dǎo)致點(diǎn)擊時(shí)提交
- JavaScript在form表單中使用button按鈕實(shí)現(xiàn)submit提交方法
- JS button按鈕實(shí)現(xiàn)submit按鈕提交效果
- input submit、button和回車鍵提交數(shù)據(jù)詳解
- 在javaScript中關(guān)于submit和button的區(qū)別介紹
- 在jQuery ajax中按鈕button和submit的區(qū)別分析
- 在一個(gè)form用一個(gè)SUBMIT(或button)分別提交到兩個(gè)處理表單頁(yè)面的代碼
- JS中type="button"和type="submit"的區(qū)別
相關(guān)文章
Js 載入時(shí)選中文字的實(shí)現(xiàn)代碼
Js 載入時(shí)選中文字的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2010-05-05用JavaScript實(shí)現(xiàn)的一個(gè)IP地址輸入框
用JavaScript實(shí)現(xiàn)的一個(gè)IP地址輸入框...2007-10-10用JAVASCRIPT如何給<textarea></textarea&
用JAVASCRIPT如何給<textarea></textarea>賦值...2007-04-04讓html的text輸入框只能輸入數(shù)字和1個(gè)小數(shù)點(diǎn)(0-59之間可改)
今天有同事需要這個(gè)功能,主要是限制用戶輸入不符合規(guī)范的數(shù)字與小數(shù)點(diǎn)導(dǎo)致不好計(jì)算價(jià)格問(wèn)題,特整理了下面的代碼,需要的朋友可以參考下。2011-11-11javascript 自動(dòng)填寫表單的實(shí)現(xiàn)方法
在訪問(wèn)某些站點(diǎn)時(shí),常常發(fā)現(xiàn)要填寫一些沒(méi)有實(shí)際意義但又必須得重復(fù)填寫的表單,而且現(xiàn)在B/S的應(yīng)用越來(lái)越多,下面的方法也許可以讓你輕松點(diǎn)。2010-04-04javascript select options 排序(保持option 對(duì)象完整性)
select options 排序(保持option 對(duì)象完整性)2010-03-03