nos-forms-jquery
Version:
Build and validate DRY html forms in minutes with JSON, jQuery and Bootstrap
143 lines (142 loc) • 4.51 kB
JSON
[
{
"classname": "col-md-6 col-sm-6 col-xs-12",
"column": [
{
"name": "name2",
"id": "txtid2",
"type": "text",
"title": "test",
"autofocus": true,
"label": "Name",
"required": true,
"placeholder": "Your Name",
"data": {
"field": 0,
"testing": 123
},
"minlength": 1,
"maxlength": 60,
"messages": {
"required": "This is a required field",
"minlength": "This must be at least 2 characters long",
"invalid": "you screwed up"
}
},
{
"name": "numberexample2",
"id": "numberid2",
"type": "number",
"title": "test",
"label": "Number Example",
"required": true,
"placeholder": "A Number",
"min": 5,
"max": 10,
"step": 1,
"messages": {
"required": "You missed this one",
"minlength": "This must be at least 2 characters long"
}
},
{
"name": "emailexample2",
"type": "email",
"title": "test",
"validate": true,
"label": "Email Example",
"required": true,
"placeholder": "Your Email",
"minlength": 1,
"maxlength": 100
}
]
},
{
"classname": "col-md-6 col-sm-6 col-xs-12",
"column": [
{
"name": "zipexample2",
"id": "zipid2",
"type": "zip",
"title": "test",
"label": "Zip Code Example",
"required": true,
"classname": "form-control",
"formGroup": true,
"placeholder": "Zip Code",
"mask": "99999?-9999"
},
{
"name": "select2",
"type": "select",
"title": "test",
"label": "Select Option",
"classname": "form-control",
"formGroup": true,
"required": true,
"multiple": false,
"selected": "",
"options": {
"": "Select One...",
"value1": "First Value",
"value2": "Second Value",
"value3": "Third Value",
"value4": "Fourth Value"
}
},
{
"name": "test2",
"id": "test2",
"type": "text",
"title": "test",
"label": "Text Field",
"required": true,
"classname": "form-control",
"formGroup": true,
"placeholder": "Your Name",
"minlength": 5,
"maxlength": 60
}
]
},
{
"classname": "col-md-12 col-sm-12 col-xs-12",
"column": [
{
"name": "newsletterSubscribe2",
"type": "checkbox",
"formGroup": true,
"inline": true,
"submitType": "object",
"checked": "",
"options": {
"optIn": "Subscribe to Email Newsletter"
}
}
]
},
{
"classname": "col-md-12 col-sm-12 col-xs-12",
"column": [
{
"name": "submitForm",
"type": "submit",
"title": "test",
"classname": "btn btn-success",
"formGroup": true,
"inline": true,
"value": "Submit"
},
{
"name": "myreset2",
"type": "reset",
"title": "test",
"classname": "btn btn-danger",
"formGroup": true,
"inline": true,
"value": "Reset"
}
]
}
]