Gallery

<script src="http://yui.yahooapis.com/3.1.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2010.08.18-17-12',
    modules: {
        'gallery-aui-skin-base': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-base/css/gallery-aui-skin-base-min.css',
            type: 'css'
        },
        'gallery-aui-skin-classic': {
            fullpath: 'http://yui.yahooapis.com/gallery-2010.08.18-17-12/build/gallery-aui-skin-classic/css/gallery-aui-skin-classic-min.css',
            type: 'css',
            requires: ['gallery-aui-skin-base']
        }
    }
}).use('gallery-aui-form-field', function(Y) {
	// Creating a basic field from script
	var field1 = new Y.Field({
		id: 'field1'
	}).render();
 
	// Creating a basic field from markup
	var field2 = new Y.Field({
		node: '#field2a'
	}).render();
 
	// Updating the attributes
	field1.set('value', 'new value');
	field1.set('size', 55);
 
	// Resetting the value
 
	field1.resetValue();
 
	// Setting a validator
 
	field1.set('validator', function(value) {
		return /^\d+$/.test(value); //allow only numbers
	});
 
	field1.set('value', 'abc1');
 
	field1.isValid(); // returns false
 
	field1.markInvalid('This field must contain numbers');
 
	// Clear an invalid message
 
	field1.clearInvalid();
 
});