Control for integer number and as the default control mapped to integer data type.

List of supported JSON schema keywords.

List of supported LittleCub config options.

Example 1 :

Integer control with only number data parameter.

Native API

var integerControl1 = LittleCub(123, null, null, document.getElementById('integer-control-1'));

jQuery API

var integerControl1j = $('#integer-control-1-j').lc(123);

Example 2 :

Integer control with data and configs parameters.

Native API

var integerControl2 = LittleCub(123, {
    "type" : "integer",
    "label" : "Integer",
    "size" : 6
}, null, document.getElementById('integer-control-2'));

jQuery API

var integerControl2j = $('#integer-control-2-j').lc(123, {
    "type" : "integer",
    "label" : "Integer",
    "size" : 6
});

Example 3 :

Integer control with data, configs and schema parameters.

Native API

var integerControl3 = LittleCub(124, {
    "type" : "integer",
    "size" : 6
}, {
    "type" : "integer",
    "minimum" : 124,
    "maximum" : 125
}, document.getElementById('integer-control-3'));

jQuery API

var integerControl3j = $('#integer-control-3-j').lc(124, {
    "type" : "integer",
    "size" : 6
}, {
    "type" : "integer",
    "minimum" : 124,
    "maximum" : 125
});

Example 4 :

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

Native API

var integerControl4 = LittleCub("24", {
    "type" : "integer",
    "label" : "Average Age",
    "helper" : "Enter average age of a brown bear",
    "size" : 6
}, {
    "type" : "integer",
    "minimum" : 12,
    "maximum" : 60,
    "exclusiveMinimum" : true,
    "exclusiveMaximum" : true,
    "multipleOf" : 2
}, document.getElementById('integer-control-4')).validate();

jQuery API

var integerControl4j = $('#integer-control-4-j').lc("24", {
    "type" : "integer",
    "label" : "Average Age",
    "helper" : "Enter average age of a brown bear",
    "size" : 6
}, {
    "type" : "integer",
    "minimum" : 12,
    "maximum" : 60,
    "exclusiveMinimum" : true,
    "exclusiveMaximum" : true,
    "multipleOf" : 2
}).validate();