asp.net webform中submit按鈕使用不當很容易犯的一個錯誤

來源:互聯網
上載者:User

webform中預設一個頁面只能有一個form,有時submit按鈕使用不當會產生一些奇怪的問題。

比如這是一個網站的頭部搜尋部分,前端人員把搜尋按鈕用<input type="submit" />處理,然後在js中文字框裡按下斷行符號鍵時,自動調用doSearch()函數,該函數可能類似下面這樣:(只是表達一下大概的意思)

function doSearch(){

  window.location="search.aspx?w=abc";

  return false; 

}

搜尋按鈕的click事件中,用類似 onClick="doSearch()"來處理,本來這樣處理也沒什麼不對,不管是在文字框中按下斷行符號,還是點擊搜尋按鈕都是ok的。但是如果遇到下面的情況,且二部分功能是不同的程式員來寫時,就可能出問題:

另一個前端開發人員把“登入模組”加進來以後(註:“登入”按鈕用的是服務端Button控制項,即最終在html中也是submit按鈕,單獨點擊“登入”按鈕時,一切正常),但是在一個form中,在任何一個文字框上按下斷行符號鍵時,相當於預設點擊了第一個submit按鈕(即提交表單),這樣在登入過程中,當使用者輸入完郵箱、密碼、驗證碼,按下斷行符號鍵的時候,實際上會觸發搜尋按鈕的click行為,而搜尋按鈕在上面的處理中,調用的是doSearch()方法,最終頁面會引導到搜尋網頁上,並未按原來的意圖提交,導致登入不了。

“各自單獨的模組”獨立測試時都是正常的,但是整合在一起就容易出問題了,所以說這種錯誤容易犯,我的建議是對於webform中的開發,不是必須要submit的情境,盡量避免用submit按鈕。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.