Javascript表单生成器

Question

有没有人知道一个基于模型自动生成表单的JavaScript库？

即给定一个类似的模型:

{
    name: "someone",
    email: "someone@somwhere.com",

}

你会得到一个表格:

Name: ___________
Email: __________

马特

Answer 1

如果你想使用jQuery生成动态表单,那么我建议你看看羊驼.

羊驼是一个开源表单库(在Apache 2下许可).它使用JavaScript生成基于JSON Schema的表单,并且非常灵活,因此您可以注册新的控件类型,布局,约束和验证功能.

我认为它会很容易地处理你描述的场景.

它有一些很好的模板功能(jQuery模板),jQuery Mobile的渲染引擎和"连接器"模式,因此您可以从远程数据源读取和保留表单和布局定义.

注意:我是Alpaca背后公司的开发人员之一.我们开源,因为我们认为这对社区来说很好.羊驼是积极开发的,我们将它用于我们的产品(云CMS).其他人已经将它用于其他CMS系统以及由MongoDB和CouchDB等支持的项目.因此,它有很多研究.

Answer 2

试试jQuery dForm

例:

var formdata = {
    "action" : "index.html",
    "method" : "get",
    "elements" :
    [
        {
            "type" : "p",
            "html" : "You must login"
        },
        {
            "name" : "username",
            "id" : "txt-username",
            "caption" : "Username",
            "type" : "text",
            "placeholder" : "E.g. user@example.com"
        },
        {
            "name" : "password",
            "caption" : "Password",
            "type" : "password"
        },
        {
            "type" : "submit",
            "value" : "Login"
        }
    ]
};

$("#myform").buildForm(formdata);

构建: