首頁 > web前端 > js教程 > jquery選擇符快速提取web表單資料範例_jquery

jquery選擇符快速提取web表單資料範例_jquery

WBOY
發布: 2016-05-16 16:54:04
原創
1298 人瀏覽過

本人比較懶,在做web時,當遇到要重複多次同樣的事時,就想找一種省時省力的方法。

以前在web提交表單並且需要驗證用戶輸入時,在提取用戶輸入資訊時,都要在js用到document.getElementById(),這樣一個兩個表單域還行,但有很多時(我就遇到過有十幾個的情況)看看都眼花,所以個人就比較反感這種方式,不過還好,我自己瞎琢磨,利用jquery找到了一種方便的方法。

我為需要提交資料每個表單域新增了一個額外的屬性,用自己額外定義的屬性"_postField"代替原來的name屬性,例如之類,然後用query獲取所有存在_postField屬性的dom對象,並進行遍歷,封裝成以_postField的值為key,其內容為value的json鍵值對,其js的方法如下:

複製代碼 代碼如下:



測試程式碼:
複製程式碼



複製程式碼



複製程式碼



複製碼>
代碼如下:








中性






jquery選擇符快速提取web表單資料範例_jquery<script> <br>function test(){ <br>var postData = getFormField("_postField"); <BR><🎜>var sb = []; <🎜>for(var o in postData){ <🎜>sb.push(o "=" postData[o]); <🎜>} <🎜>alert(sb .join("n")); <🎜>} <🎜></script>  以上例子的表單域比較少,某些東西體現不出,但當表單域的數量比較多​​少時,就能體現出其方便性,而且重用性較好;再者,如果用jquery異步提交的話,連手動封裝json數據的操作都省了。 也有人可能不願意為表單域增加類似「_postField」的自訂字段,那就直接用本身就有的name也行,這只是jquery選擇符的使用不同,其實質還是一樣的。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板