inputEx - CombineField Usage

Basic CombineField creation

var field = new inputEx.CombineField({
				parentEl: 'container1', 
				label: 'Your name',
				description: 'Please enter your name',
				fields: [
					{ name: 'firstname', typeInvite: 'firstname' },
					{ name: 'lastname', typeInvite: 'lastname' }
				],
				separators: [false,"   ",false],
				required:true
			});

var el = YAHOO.util.Dom.get('container1');

var button1 = inputEx.cn('button', null, null, "SetValue with ['Jimi','Hendrix']");
			var val = ['Jimi','Hendrix'];
			el.appendChild(button1);
			YAHOO.util.Event.addListener(button1, "click" ,function() {
			   field.setValue(val);
			   val = (val[0] == 'Jimi') ? ['',''] : ['Jimi','Hendrix'];
			   button1.innerHTML = "SetValue with "+((val[0] == 'Jimi') ? "['Jimi','Hendrix']" : "['','']");
			});

var logDiv = inputEx.cn('div', null, null, "Log :");
			el.appendChild(logDiv);
			field.updatedEvt.subscribe(function(e,params) {
				var value = params[0];
				logDiv.innerHTML += "Updated at "+(new Date())+" with value "+value;
				logDiv.appendChild(inputEx.cn('br'));
			});

Basic CombineField creation

Field names

The names are automatically set on sub-fields, so that standard forms can work. Click the button and check the URL