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

List of supported JSON schema keywords.

List of supported LittleCub config options.

Example 1 :

Number control with only number data parameter.

Native API

var numberControl1 = LittleCub(123.01, null, null, document.getElementById('number-control-1'));

jQuery API

var numberControl1j = $('#number-control-1-j').lc(123.01);

Example 2 :

Number control with data and configs parameters.

Native API

var numberControl2 = LittleCub(123.01, {
    "type" : "number",
    "label" : "Number",
    "size" : 6
}, null, document.getElementById('number-control-2'));

jQuery API

var numberControl2j = $('#number-control-2-j').lc(123.01, {
    "type" : "number",
    "label" : "Number",
    "size" : 6
});

Example 3 :

Number control with data, configs and schema parameters.

Native API

var numberControl3 = LittleCub(124.02, {
    "type" : "number",
    "size" : 6
}, {
    "type" : "number",
    "minimum" : 124.0,
    "maximum" : 125.0
}, document.getElementById('number-control-3'));

jQuery API

var numberControl3j = $('#number-control-3-j').lc(124.02, {
    "type" : "number",
    "size" : 6
}, {
    "type" : "number",
    "minimum" : 124.0,
    "maximum" : 125.0
});

Example 4 :

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

Native API

var numberControl4 = LittleCub("124.0", {
    "type" : "number",
    "label" : "Average Weight",
    "helper" : "Enter average weight of a brown bear",
    "size" : 6
}, {
    "type" : "number",
    "minimum" : 124.0,
    "maximum" : 125.0,
    "exclusiveMinimum" : true,
    "exclusiveMaximum" : true
}, document.getElementById('number-control-4')).validate();

jQuery API

var numberControl4 = $('#number-control-4-j').lc("124.0", {
    "type" : "number",
    "label" : "Average Weight",
    "helper" : "Enter average weight of a brown bear",
    "size" : 6
}, {
    "type" : "number",
    "minimum" : 124.0,
    "maximum" : 125.0,
    "exclusiveMinimum" : true,
    "exclusiveMaximum" : true
}).validate();