Генератор форм JavaScript

Question

Кто-нибудь знает библиотеку javascript для автоматического создания формы, основанной на модели?

то есть, если для модели что-то вроде:

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

}

, вы получите такую ​​форму:

Name: ___________
Email: __________

Мэтт

Answer 1

Если вы хотите создавать динамические формы с помощью jQuery, то я рекомендую взглянуть на Альпака .

Alpaca - это библиотека форм с открытым исходным кодом (лицензируется под Apache 2). Он генерирует формы на основе JSON-схемы с использованием JavaScript и довольно гибок, так что вы можете регистрировать новые типы элементов управления, макеты, ограничения и функции проверки.

Я думаю, что он достаточно легко справится со сценарием, который вы описали.

Он имеет несколько приятных шаблонных функций (jQuery Templates), механизмы рендеринга для jQuery Mobile и шаблон «соединителя», так что вы можете читать и сохранять определения форм и макетов из удаленного источника данных.

Примечание: я являюсь одним из разработчиков в компании Alpaca. Мы с открытым исходным кодом, потому что мы думали, что это будет здорово для сообщества. Альпака активно развивается, и мы используем ее для нашего продукта (Cloud 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);

Строит:

Answer 3

Я только недавно наткнулся на Metawidget, упомянутый выше, и я должен сказать, что впечатлен.Это похоже на правильное решение для кухонной раковины.

Опять же, если вам нужно что-то маленькое и с нулевыми зависимостями, вы можете взглянуть на , превосходящее .Это небольшая библиотека генератора форм javascript, которую я недавно написал для поддержки своих собственных проектов, потому что мне надоел тот факт, что все генераторы форм, на которые я смотрел, имели массу зависимостей или были явно больше, чем моя одностраничная веб-страницаприменение.

Answer 4

inputEx кажется нормальным

inputEx - это инфраструктура JavaScript с открытым исходным кодом для создания полей и форм для веб-приложений с использованием библиотеки YUI3.

Answer 5

Попробуйте один из перечисленных ниже плагинов

http://code.google.com/p/jquery-form-builder-plugin/

http://www.botsko.net/blog/2009/04/07/jquery-form-builder-plugin/

Answer 6

Могу ли я смиренно предложить Метавиджет ?

Он создает пользовательские интерфейсы из объектов JSON.Он не требует JQuery, но поддерживает его.Он также поддерживает другие форматы объектов (такие как схема JSON, схемы поверх REST и т. Д.).