Javascript表单生成器

Javascript表单生成器,javascript,jquery,forms,Javascript,Jquery,Forms,有人知道基于模型自动生成表单的javascript库吗 例如,给定一个类似以下的模型: { name: "someone", email: "someone@somwhere.com", } 你会得到这样的表格: Name: ___________ Email: __________ Matt试试jQuery 例如: var formdata = { "action" : "index.html", "method" : "get", "elemen

有人知道基于模型自动生成表单的javascript库吗

例如,给定一个类似以下的模型:

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

}
你会得到这样的表格:

Name: ___________
Email: __________
Matt

试试jQuery

例如:

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);
构建:


试试下面提到的一个插件

似乎没问题


inputEx是一个开源javascript框架,用于使用YUI3库为web应用程序构建字段和表单。

如果您希望使用jQuery生成动态表单,那么我建议您看看

Alpaca是一个开源表单库(根据Apache2获得许可)。它使用JavaScript基于JSON模式生成表单,非常灵活,因此您可以注册新的控件类型、布局、约束和验证函数

我认为它可以很容易地处理您描述的场景

它有一些很好的模板特性(jQuery模板)、jQuery Mobile的呈现引擎和“连接器”模式,这样您就可以从远程数据源读取和持久化表单和布局定义

注:我是羊驼背后公司的开发者之一。我们把它开源是因为我们认为它对社区很有好处。羊驼是积极开发,我们使用它为我们的产品(云CMS)。其他人将其用于其他CMS系统以及MongoDB和CouchDB支持的项目等。因此,它投入了大量的精力。

我可以谦虚地建议一下吗


它从JSON对象创建UI。它不需要JQuery,但支持JQuery。它还支持其他对象格式(如JSON模式、模式优于REST等)。

我最近偶然发现了上面提到的Metawidget,我必须说我印象深刻。这看起来是一个合适的厨房水槽解决方案

同样,如果您想要一些小的并且没有依赖性的东西,您可以看看。这是一个小的javascript表单生成器库,我最近编写它来支持我自己的项目,因为我厌倦了我所看到的所有表单生成器要么有大量的依赖项,要么明显大于我的单页web应用程序