Control for multiple-line text.

List of supported JSON schema keywords.

List of supported LittleCub config options.

Example 1 :

Textarea control with only string data parameter.

Native API

var textareaControl1 = LittleCub("Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s", {
    "type" : "textarea"
}, null, document.getElementById('textarea-control-1'));

jQuery API

var textareaControl1j = $('#textarea-control-1-j').lc("Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s", {
    "type" : "textarea"
});

Example 2 :

Textarea control with data and configs parameters.

Native API

var textareaControl2 = LittleCub("Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s", {
    "type" : "textarea",
    "rows" : 5,
    "fieldClass" : "input-large"
}, null, document.getElementById('textarea-control-2'));

jQuery API

var textareaControl2j = $('#textarea-control-2-j').lc("Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s", {
    "type" : "textarea",
    "rows" : 5,
    "fieldClass" : "input-large"
});

Example 3 :

Textarea control with data, configs and schema parameters.

Native API

var textareaControl3 = LittleCub("Sample3", {
    "type" : "textarea",
    "rows" : 5,
    "fieldClass" : "input-xlarge"
}, {
    "type" : "string",
    "minLength" : 100
}, document.getElementById('textarea-control-3'));

jQuery API

var textareaControl3j = $('#textarea-control-3-j').lc("Sample3", {
    "type" : "textarea",
    "rows" : 5,
    "fieldClass" : "input-xlarge"
}, {
    "type" : "string",
    "minLength" : 100
});

Example 4 :

Textarea control with configs and schema parameters that have various options.

Native API

var textareaControl4j = $('#textarea-control-4-j').lc("", {
    "type" : "textarea",
    "rows" : 5,
    "fieldClass" : "input-xxlarge",
    "label" : "Sample 4",
    "helper" : "Enter your sample textarea",
    "placeholder" : "Sample Textarea",
    "required" : true,
    "validationEvent" : "keyup",
    "name" : "sample"
}, {
    "type" : "string",
    "title" : "Sample",
    "description" : "Enter sample textarea",
    "minLength" : 10,
    "maxLength" : 30
});

jQuery API

var textareaControl4j = $('#textarea-control-4-j').lc("", {
    "type" : "textarea",
    "rows" : 5,
    "fieldClass" : "input-xxlarge",
    "label" : "Sample 4",
    "helper" : "Enter your sample textarea",
    "placeholder" : "Sample Textarea",
    "required" : true,
    "validationEvent" : "keyup",
    "name" : "sample"
}, {
    "type" : "string",
    "title" : "Sample",
    "description" : "Enter sample textarea",
    "minLength" : 10,
    "maxLength" : 30
});