jQuery將表單序列化成一個(gè)Object對(duì)象的實(shí)例
驗(yàn)證表單的時(shí)候經(jīng)常需要獲取表單中name='***'的元素的值,然后加以判斷。jQuery中提供了jQuery.serizlizeArray來(lái)將表單序列化成一個(gè)數(shù)組。盡管如此,數(shù)組還是不方便我們操作,我需要講表單序列化成一個(gè)對(duì)象。這樣更方便于我們操作。
下面是代碼:
/** * @author gaohuia */ (function($){ $.fn.extend({ serializeObject:function(){ if(this.length>1){ return false; } var arr=this.serializeArray(); var obj=new Object; $.each(arr,function(k,v){ obj[v.name]=v.value; }); return obj; } }); })(jQuery); /** * @author gaohuia */ (function($){ $.fn.extend({ serializeObject:function(){ if(this.length>1){ return false; } var arr=this.serializeArray(); var obj=new Object; $.each(arr,function(k,v){ obj[v.name]=v.value; }); return obj; } }); })(jQuery);
測(cè)試
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jQuery.formtool.js"></script> <title>無(wú)標(biāo)題文檔</title> <script language="javascript"> $(function(){ $(":button").click(function(){ var test=$("form").serializeObject(); alert(test.id); }); }); </script> </head> <body> <form action="" method="get"><input name="id" type="hidden" value="110" /> <input name="test" type="text" /> <input name="" type="button" /> </form> </body> </html> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jQuery.formtool.js"></script> <title>無(wú)標(biāo)題文檔</title> <script language="javascript"> $(function(){ $(":button").click(function(){ var test=$("form").serializeObject(); alert(test.id); }); }); </script> </head> <body> <form action="" method="get"><input name="id" type="hidden" value="110" /> <input name="test" type="text" /> <input name="" type="button" /> </form> </body> </html>
以上這篇jQuery將表單序列化成一個(gè)Object對(duì)象的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 關(guān)于jquery form表單序列化的注意事項(xiàng)詳解
- jquery form表單序列化為對(duì)象的示例代碼
- jQuery使用serialize()表單序列化時(shí)出現(xiàn)中文亂碼問(wèn)題的解決辦法
- 表單序列化與jq中的serialize使用示例
- jquery將一個(gè)表單序列化為一個(gè)對(duì)象的方法
- 基于JavaScript將表單序列化類(lèi)型的數(shù)據(jù)轉(zhuǎn)化成對(duì)象的處理(允許對(duì)象中包含對(duì)象)
- jquery將一個(gè)表單序列化為一個(gè)對(duì)象的方法
- JS中from 表單序列化提交的代碼
- form表單序列化詳解(推薦)
相關(guān)文章
EasyUI Pagination 分頁(yè)的兩種做法小結(jié)
這篇文章主要介紹了EasyUI Pagination 分頁(yè)的兩種做法小結(jié)的相關(guān)資料,需要的朋友可以參考下2016-07-07jQuery .attr()和.removeAttr()方法操作元素屬性示例
本文為大家詳細(xì)介紹下如何使用jQuery的.attr()和.removeAttr()方法讀取,添加,修改,刪除元素的屬性,不會(huì)的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07jQuery實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07jquery實(shí)現(xiàn)拖拽調(diào)整Div大小
這里給大家分享的是一段自己編寫(xiě)的使用jQuery實(shí)現(xiàn)拽調(diào)整Div層大小的代碼,非常實(shí)用,推薦給有需要的小伙伴們。2015-01-01jQuery實(shí)現(xiàn)手風(fēng)琴效果(蒙版)
這篇文章主要介紹了jQuery實(shí)現(xiàn)手風(fēng)琴效果,附帶蒙版特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01淺談DOCTYPE對(duì)$(window).height()取值的影響
下面小編就為大家?guī)?lái)一篇淺談DOCTYPE對(duì)$(window).height()取值的影響。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07