Form表單提交


關於表單提交,做法有很多中,根據具體需求,做出不同的反應吧。LZ這里還是根據實際需求,寫幾個簡單的案例。我們知道,對於表單提交,正常直接action中寫url,點擊submit按鈕就可以提交了。

一:需求是:在訂單列表表單頁面,每條記錄前都有一顆checkbox復選框,選中則記錄id值,選中多個則九路多個id值。然后在表單之外有顆“導出訂單”按鈕,當點擊該按鈕的時候,提交選中的復選框的記錄的id值到后台java代碼。

  下面有三張圖片:第一張是form的寫法,第二張是做表單提交ajax請求的,最后一張是將id值傳到后台的部分java代碼。

  

  ==================================================================================================

  ==================================================================================================

  

  ==================================================================================================

  ==================================================================================================

  

 

二:需求是:新增頁面,有一個表單要提交,正常直接在action中寫url,點擊submit按鈕就可以提交了,但是我希望能夠在表單提交之前驗證一下文本框內容。於是,使用jquery來驗證表單,驗證通過后提交form表單。

  下面有兩張圖片,一張是做ajax請求的,另一張是form的寫法

  

  ==================================================================================================

  ==================================================================================================

  

 

三:表單提交前驗證。可以使用form表單的onsubmit方法,在提交表單之前,對表單或者網頁中的數據進行檢驗。onsubmit指定的方法返回true,則提交數據;返回false不提交數據。

  

  上面的網頁中,只有在id="ff"的輸入框中輸入“可以提交”,才進行表單提交;否則不提交。

四:頁面加載時自動提交表單和超鏈接提交表單

  4.1.javascript 頁面加裁時自動提交表單

  

  4.1.超鏈接提交表單

  

  好啦,LZ先介紹到這里。。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM