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

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

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

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

複製代碼 代碼如下:

測試程式碼：

複製程式碼

複製程式碼

複製程式碼



複製程式碼



複製碼>
代碼如下:

男
女
中性



上班
討飯
啥都不相干

<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選擇符的使用不同，其實質還是一樣的。