jquery 表单转json 插件

//Author:rikugun
jQuery.fn.extend({
	fillForm:function(options){
		var settings = jQuery.extend({
			prefix:'' //表单项name前缀
			,data:{} //数据默认值
		},options);
	this.each(function(){
		var that =jQuery(this);
		if(jQuery.inArray(that.attr('tagName').toLowerCase(),['input','select','radio','textarea'])>-1){
			that.val(settings.data[that.attr('name')]);
		}else{
			for(var item in settings.data){
				try{
					that.find('[name=\''+settings.prefix+item+'\']').val(settings.data[item]);
				}catch(e){
					if(window.console){
						console.error('未能获取元素:'+settings.prefix+item);
					}
				}
			}
		}
	});
	}
	,getForm:function(options){
		var settings = jQuery.extend({
			prefix:'' //表单项name前缀
			,data:{} //数据默认值
		},options);
		var ret =[];
		var forms = this;
		if(this.attr('tagName').toLowerCase()!=='form'){
			forms = this.find('form');
		}
		forms.each(function(){
			var that =jQuery(this);
			var o ={};
			that.find('input,select,radio,textarea').each(function(){
				var el = jQuery(this);
				var fieldFullName = el.attr('name');
				var fieldName =fieldFullName.replace(settings.prefix,'');
				if(settings.data[fieldName]){
					o[fieldName] =settings.data[fieldName];
					return;
				}
				if(settings.prefix && fieldFullName.indexOf(settings.prefix)<0 ){
					//不符合前缀或已设置默认值
					return;
				}
				o[fieldName] = el.val();
			});
			ret.push(o);
		});
		if(ret.length === 1)return ret[0];
		return ret;
	}
});

//usage:
$('#form_mobile_model').fillForm({
					prefix:'model__',
					data:{
               'name':'aa',
               'newName':'bb'
});

var m = $('#form_mobile_model').getForm({
			prefix:'model__'
		});
//m ={'name':'aa','newName':'bb'}

评论

3 楼 jy1245626 2010-04-02  

rikugun 写道

jy1245626 写道

提个建议

可以增加一个table2json的功能，这样的话，这个插件就比较完备。

table样式千变万化,不好弄噢.有什么建议么

再怎么个千变万化也是由规律的嘛，
首先，肯定是有标题头的<th>，就从th标签上找规律，每个th设置一个id
将这个id设置为key每行的td的值设置为value
这样的话每行就是一个对象{key:value,key2:value2。。。}整个表格就是一个array。

2 楼 rikugun 2010-03-17  

jy1245626 写道

提个建议

可以增加一个table2json的功能，这样的话，这个插件就比较完备。

table样式千变万化,不好弄噢.有什么建议么

1 楼 jy1245626 2010-03-16  

提个建议

可以增加一个table2json的功能，这样的话，这个插件就比较完备。