Textfields
Snippets 

	<!-- Textfield . Standard -->
	<input type="text" name="name" value="value" />
Options
Type Value
Status locked, disabled valid, invalid, changed
Size tiny, small, default, medium, large, huge
Styles transparent, light
Type Name Value
default type text, hidden, password, email, number
default id string
default name string
default value string
default title string
validation required required
validation normalized normalized
validation maxlength int
validation minlength int
validation max int Number type only
validation min int Number type only
callback data-callback-initialize function Triggers on initialization
callback data-callback-create function Triggers on creation
callback data-callback-update function Triggers on updating
callback data-callback-change function Triggers on changing
callback data-callback-reset function Triggers on reset
callback data-callback-validate function Triggers on validation
callback data-callback-persist function Triggers on persisting
callback data-callback-hover function Triggers on hover
callback data-callback-focus function Triggers on focus
callback data-callback-lock function Triggers on locking
callback data-callback-unlock function Triggers on unlocking
callback data-callback-disable function Triggers on disabling
callback data-callback-enable function Triggers on enabling
callback data-callback-hide function Triggers on hiding
callback data-callback-show function Triggers on showing
Methods 

	// Scan textfields
	basekit.components.textfields.scan(scope);
Parameters Value
scope null element 

	// Initialize textfields
	basekit.components.textfields.initialize(scope);
Parameters Value
scope null container textfield(s) 

	// Create textfield
	basekit.components.textfields.create(type,id,name,value,title,options,callback);
Parameters Value
type text, hidden, password, email, number
id string
name string
value string
title string
options 'locked', 'disabled'
callback function 

	// Update textfield
	basekit.components.textfields.update(scope,type,id,name,value,title,options);
Parameters Value
scope textfield(s)
type text, hidden, password, email, number
id string
name string
value string
title string
options 'locked', 'disabled' 

	// Set scope
	var scope= $('input').not('input[type="radio"], input[type="checkbox"]');

	// Reset textfields
	basekit.components.textfields.reset(scope);
Parameters Value
scope null textfield(s) 

	// Set scope
	var scope= $('input').not('input[type="radio"], input[type="checkbox"]');

	// Validate textfields
	basekit.components.textfields.validate(scope);
Parameters Value
scope null textfield(s) 

	// Set scope
	var scope= $('input').not('input[type="radio"], input[type="checkbox"]');

	// Persist textfields
	basekit.components.textfields.persist(scope);
Parameters Value
scope null textfield(s) 

	// Set scope
	var scope= $('input').not('input[type="radio"], input[type="checkbox"]');

	// Lock textfield
	basekit.components.textfields.lock(scope);
Parameters Value
scope null textfield(s) 

	// Set scope
	var scope= $('input').not('input[type="radio"], input[type="checkbox"]');

	// Unlock textfield
	basekit.components.textfields.unlock(scope);
Parameters Value
scope null textfield(s) 

	// Set scope
	var scope= $('input').not('input[type="radio"], input[type="checkbox"]');

	// Disable textfields
	basekit.components.textfields.disable(scope);
Parameters Value
scope null textfield(s) 

	// Set scope
	var scope= $('input').not('input[type="radio"], input[type="checkbox"]');

	// Enable textfields
	basekit.components.textfields.enable(scope);
Parameters Value
scope null textfield(s) 

	// Set scope
	var scope= $('input').not('input[type="radio"], input[type="checkbox"]');

	// Normalize textfields
	basekit.components.textfields.normalize(scope);
Parameters Value
scope null textfield(s)
Sizes 
tiny
 
small
 
default
 
medium
 
large
 
huge
States 


						
						

							

							
							
							

							
active



						
						

							

							
							
							

							
readonly


						
						

							

							
							
							

							
disabled


						
						

							

							
							
							

							
editable


						
						

							

							
							
							

							
mandatory


						
						

							

							
							
							

							
valid


						
						

							

							
							
							

							
invalid


						
					

				


				


					Styles

					
						

							

							
							
							

							
transparent


						
						

							

							
							
							

							
transparent light


						
					

				

				

				
				


					Editable

					

					
						

							

							
							
							

							
tiny


						
						

							

							
							
							

							
small


						
						

							

							
							
							

							
default


						
						

							

							
							
							

							
medium


						
						

							

							
							
							

							
large


						
						

							

							
							
							

							
huge


						
					

					

					
						

							

							
							
							

							
transparent


						
						

							

							
							
							

							
transparent light


						
					

					
	
					
						

							

							
							
							

							
xs-tiny


						
						

							

							
							
							

							
xs-small


						
						

							

							
							
							

							
xs-default


						
						

							

							
							
							

							
xs-medium


						
						

							

							
							
							

							
xs-large


						
						

							

							
							
							

							
xs-huge


						
					

					

					
						

							

							
							
							

							
sm-huge


						
						

							

							
							
							

							
sm-small


						
						

							

							
							
							

							
sm-default


						
						

							

							
							
							

							
sm-medium


						
						

							

							
							
							

							
sm-large


						
						

							

							
							
							

							
sm-huge


						
					

					

					
						

							

							
							
							

							
md-tiny


						
						

							

							
							
							

							
md-small


						
						

							

							
							
							

							
md-default


						
						

							

							
							
							

							
md-medium


						
						

							

							
							
							

							
md-large


						
						

							

							
							
							

							
md-huge


						
					

					

					
						

							

							
							
							

							
lg-tiny


						
						

							

							
							
							

							
lg-small


						
						

							

							
							
							

							
lg-default


						
						

							

							
							
							

							
lg-medium


						
						

							

							
							
							

							
lg-large


						
						

							

							
							
							

							
lg-huge