Skip to content

Elmanderrr/form-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FORM-GENERATOR

#Usage in terminal - git clone https://github.com/Elmanderrr/form-generator.git - cd form-generator - nodejs server.js >> http://localhost:3000/ Use Form constructor with your custom props for getting Form object with some public methods.
var yourForm = new Form(yourprops);

#Example: $.get('../json/response.json', function (data) { var testForm = new Form(data); $('body').append(testForm.form.get()); });

#Methods: Public: yourForm.fields.get() - return array with created fields. yourForm.form.get() - return whole form which you can append whatever you want;

#Typical structure should be like here:

{
    "method": "POST",
    "url": "/foo.php",
    "fields": [{

            "type": "text",
            "label": "Name",
            "required": true,
            "name": "name",
            "constraints": [{
                "type": "notblank",
                "length": 4,
                "message": "4 characters minimum"
            }]

        },

        {

            "type": "text",
            "label": "Title",
            "name": "title"

        },

        {

            "type": "hidden",
            "label": "hidden",
            "name": "hidden"

        },

        {

            "type": "email",
            "label": "Email",
            "required": true,
            "name": "email",
            "constraints": [

                {
                    "type": "notblank",
                    "message": "This value can not be empty"
                }

            ]

        },

        {

            "type": "choice",
            "label": "Category",
            "required": true,
            "name": "category",
            "options": {
                "choices": {
                    "html": "HTML",
                    "css": "CSS",
                    "js": "JavaScript"
                }
            },

            "constraints": [{
                "type": "notblank",
                "message": "This value can not be empty"
            }]
        }
    ]
}

#Scaffolding: /form-module /elements-constructors input.js - Part that respond for creating inputs; select.js - Same but select with options; factory.js - Factory wich return fields that you want (input,select etc.) form.js - main Class which provides you to create and wrap form;

About

Simple Form generator

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published