首頁 > web前端 > js教程 > 主體

關於jquery form表單序列化的注意事項說明

小云云
發布: 2017-12-31 09:39:49
原創
1595 人瀏覽過

本文主要為大家介紹了關於jquery form表單序列化的注意事項,文中透過範例程式碼介紹的非常詳細,對大家具有一定的參考學習價值,需要的朋友們下面跟著小編來一起學習學習吧。

本文主要介紹給大家的是關於jquery form表單序列化的一些注意事項,分享出來供大家參考學習,下面話不多說,來一起看看詳細的介紹:

我們先來講講表單中中readonly和disabled的區別:

readonly只對input和textarea有效, 但是disabled對於所以的表單元素都是有效的,包括radio,checkbox等
如果表單中使用的disabled那麼使用者是不能選擇的,也就是說這個文字方塊是無法取得到焦點的,而readonly是可以取得到焦點,只是不能修改,為只讀

#最重要的一點, 在傳送表單的時候,表單的控制項屬性沒有name屬性該欄位不會傳送,也不會形成鍵值對;表單控制項屬性是disabeld,則該欄位不會傳送,也不會形成鍵值對

測試1,沒有設定name屬性:


 
         
 
登入後複製

輸出結果如下:

serialize:

 serializeArray:
[]length: 
__proto__: Array(0)
登入後複製

測試2,設定name屬性:


 
         
 
登入後複製

輸出結果如下:

serialize:
 selectHuLuWa=0
 serializeArray:
 [{…}]
{name: "selectHuLuWa", value: "0"}
length:1
__proto__:Array(0)
登入後複製

測試3,設定readoly屬性:


 
         
 
登入後複製

測試結果如下:

測試4,設定disabled屬性


 
         
 
登入後複製

測試結果如下:

##因此可證表單控制項沒有name屬性,設定disabled屬性是無法進行序列化的。


**如果需要把disabled的進行序列化的方法為:


#在序列化之前移除disabled屬性,序列化完成後,再加入上即可。 **

相關推薦:


jQuery 表單序列化實例程式碼

jQuery將表單序列化成一個Object物件的實例

jquery form表單序列化為物件的範例程式碼_jquery

以上是關於jquery form表單序列化的注意事項說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!