Control for address which contains street addresses, city, state and zip.

List of supported JSON schema keywords.

List of supported LittleCub config options.

Example 1 :

Address control.

Native API

var data = {
    "name" : "Little Cub",
    "address" : {
        "street" : ["100 Main Street", "Apt 2"],
        "city" : "acton",
        "state" : "MA",
        "zip" : "01889"
    },
    "address2" : {
        "street" : ["200 Main Street", "Apt 2"],
        "city" : "burlington",
        "state" : "NJ",
        "zip" : "44444"
    }
};
var schema = {
    "title" : "Cub Profile",
    "description" : "Details of the little cub.",
    "type" : "object",
    "properties" : {
        "name" : {
            "type" : "string",
            "title" : "Name",
            "description" : "Enter name",
            "minLength" : 5,
            "maxLength" : 15
        },
        "address" : {
            "type" : "object"
        },
        "address2" : {
            "type" : "object"
        }
    },
    "required" : ["name"]
};

var configs = {
    "form" : {
        "attrs" : {
            "name" : "my-form",
            "endpoint" : "/post"
        },
        "buttons" :[
            {
                "type" : "submit",
                "name" : "submit",
                "value" : "Submit"
            },
            {
                "type" : "reset",
                "name" : "reset",
                "value" : "Reset"
            }
        ]
    },
    "controls" : {
        "name" : {
            "type" : "text",
            "placeholder" : "Enter Name",
            "fieldClass" : "pretty awesome",
            "required" : true,
            "validationEvent" : "keyup"
        },
        "address" : {
            "type" : "address",
            "label" : "Home Address"
        },
        "address2" : {
            "type" : "address",
            "label" : "Office Address"
        }
    }
};
var addressControl = LittleCub(data, configs, schema, document.getElementById('address-control-1'));

jQuery API

var addressControlj = $('#address-control-1-j').lc(data, configs, schema);